vue -- 动态加载组件

Posted zjh-study

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue -- 动态加载组件相关的知识,希望对你有一定的参考价值。

利用component及is占位符即可轻松实现动态切换加载tab栏
语法

<component :is="tabname"></component>

必须是is占位符,不能写别的,通过v-bind指令动态绑定属性
tabname就是我们要显示的组件名称
比如我们创建了三个子组件,并注册到了根组件中:one,two,three
那想要展示哪个子组件,就将组件名赋值给tabname

this.tabname = one

以上是关于vue -- 动态加载组件的主要内容,如果未能解决你的问题,请参考以下文章

vue加载组件报错说提前加载

vue动态加载视频问题

vue动态加载组件

vue动态加载组件

VUE之组件的动态注册和动态加载

Vue 动态图片加载路径问题和解决方法