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