Bootstrap Vue のドキュメントを調べただけでなく、数日前に github issue tracker でこの質問をしましたが、うまくいきませんでした。
Vue の render() または JSX を使用してブートストラップ vue 要素を生成することに関連するものは何も見つかりません。
ボタンをクリックしてモーダルを開くなど、最も単純なシナリオでも問題があります。
const vue2 = new Vue({
el: '#vue2',
data: function() {
return {
show: false
}
},
render() {
return(
<div>
<b-btn v-b-modal="'myModal'">Show Modal</b-btn>
<b-modal id="myModal">
Hello From My Modal!
</b-modal>
</div>
)
}
});
要素は実際には HTML でレンダリングされます。
しかし、ボタンの「クリック」イベントは機能しません。
コンソールに Vue インスタンスを記録すると、this.$refs にもモーダルのインスタンスへの参照はありません。
bootstrap-vue は Vue の render() & JSX 機能をサポートしていますか? もしそうなら、この種のことはどのように達成されますか?