javascript - SelectBoxIt jq插件不适用于Vue.js

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

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

为了将插件与选择元素附加在一起？应用于选择框的类是cl_v。我将上面的代码放置在created：，mount：和destroy：中。但这没有用。如何在Vue.js中使用插件？谢谢

最佳答案

您应该创建一个wrapper component。这就是您make VueJS and jQuery play nice的方式。

如果selectBoxIt起作用的唯一条件就是上述调用，则只需要以下mounted部分：

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