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

Question

假设我有一个输入字段:<input type="text" placeholder="Select Teams" />我应该能够选择 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" />