Vue.js/コンポーネント/動的に切り替える

Vue.js/コンポーネント/動的に切り替える

使うコンポーネントを実行時にパラメータにより決定したいという場合はこのようにする。

<component v-bind:is="hoge.type"></component>

もし今 hoge.typeaaa-bbb という値が入っていたとするとこの記述は このように書いた場合と同じように振る舞う。

<aaa-bbb></aaa-bbb>

パラメータの形状の問題があるので、切り替えられる対象は同一のVue系のクラスを継承していると望ましい。

javascript/vuejs/component/dynamic_switch.txt · 最終更新: 2018-12-11 19:15 by ore