1

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 機能をサポートしていますか? もしそうなら、この種のことはどのように達成されますか?

4

1 に答える 1