vue动态加载组件

醉酒的猫儿

于 2020-05-12 15:50:17 发布

阅读量478

点赞数

分类专栏：组件问题文章标签： vue.js html

本文链接：https://blog.csdn.net/weixin_47093260/article/details/106077696

版权

2 篇文章 0 订阅

订阅专栏

我的应用场景是: 在这里插入图片描述
点击播放图标,文件传入红色方框的播放器中进行播放
代码实现为下:

父组件:
html 在这里插入图片描述

is的属性值决定要显示的组件，所以将is的属性值设置为data中的值，以便于动态变化
:key我这边是作为唯一标识使用的,每获取一次就加载一次组件 :record_uuid是我传到子组件的值

data

1.引入你要动态加载的组件

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200512153911305.png

2.在data中return 引入的组件

在这里插入图片描述

这是只有一个组件需要动态引入
这样就实现了点击一行加载动态子组件了

关注

专栏目录