select2 jquery コンポーネント用のvue.jsコンポーネントを作成しました。コンポーネントの問題は、コンポーネントのテンプレートがそのままの選択である場合、選択が非表示になることです (表示されていません) 。
<select v-select2="val">
</select>
(chrome インスペクターを使用すると、選択が jquery プラグインによって効果的に select2 に変換されていることがわかりますが、サイズは 1x1 px です)
... 問題は、テンプレートで選択を DIV でラップするとすべてが機能することです。
<div>
<select v-select2="val">
</select>
</div>
vue のディレクティブ (v-select2) を使用して、select を select2 に変換しています
ここに完全なコードがあります https://jsfiddle.net/futuretelematics/tkL8zxby/