javascript - SelectBoxIt jq 插件无法与 Vue.js 一起使用

Question

页面中有很多动态生成的选择框。我想应用 jquery selectBoxIt ( http://gregfranko.com/jquery.selectBoxIt.js/ ) 插件。我正在使用 Vue js 。我应该放在哪里

$('.cl_v').selectBoxIt({ theme: 'default', 'defaultText': 'select', autoWidth: false });

为了将插件附加到选择元素上？应用于选择框的类是cl_v。我已将上述代码放在 created: 、 mounted: 和 destroyed: 中。但这没有用。如何将插件与 Vue.js 一起使用？谢谢

Answer 1

您应该创建一个wrapper component 。这就是你 make VueJS and jQuery play nice .

如果您的 selectBoxIt 工作所需的唯一事情就是上面的调用，那么您只需要像这样的 mounted 部分:

mounted() {
  $(this.el).selectBoxIt({ theme: 'default', 'defaultText': 'select', autoWidth: false });
}