如何在Vue中以输入形式使用选择性

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" />