vuejs2.0中如何动态渲染出不同的组件?

陶中马 发布于 2017/01/09 10:36
阅读 3K+
收藏 0
比如<router-link tag='div'></router-link>中通过接收tag的值,会将该标签替换为<div>,受此提示想着实现一个效果。
比如我目前有三个组件,el-a、el-btn和el-modal,当<el-a tag='el-btn'></el-a>时,渲染出el-btn组件,当<el-a tag='el-modal'></el-a>时则渲染出el-modal组件。
可是组件的渲染依赖于vue的初始化,不像普通标签那样直接添加即可,而每次监听变化然后去弄初始化却又感觉很浪费,不知有无比较便利的方法可以实现以上效果,望赐教。
加载中
0
ruanjf
ruanjf

https://cn.vuejs.org/v2/guide/components.html#DOM-模版解析说明

可以使用特殊的 is 属性

<table>
  <tr is="el-btn"></tr>
</table>

 

返回顶部
顶部