如何在 Vue 的输入表单中使用 selectize

Question

假设我有一个输入字段：<input type="text" placeholder="Select Teams" />，我应该可以通过单击输入字段来 select Support。

然后

我了解到使用 selectize 可以做到这一点。我应该如何将它合并为 vue 指令？

Answer 1

试试这个。

Vue.directive('selectize', function(el, binding){
  var options = binding.value || {}
  $(el).selectize(options)
})

然后在需要的地方使用 v-selectize 指令。

您还可以添加更多选项。例如：

<input v-selectize="{maxItems: 3}" type="text" placeholder="Select Teams" />

How can I use selectize in an input form in Vue