2016-10-17 17:28发布
使用的是vue2.0，如何动态添加组件。例如实现点击A按钮添加<aTest></aTest>,点击B按钮添加<bTest></bTest>。 使用v-for只能循环写单个组件,使用动态组件也只能不断切换单个组件,想动态添加多个不同的组件暂时没想到怎么做,希望大家可以帮帮忙，或者交流一下，谢谢!
那么父组件中的content变化时,就会动态加载组件了
html
<aTest v-show="flagA"></aTest><bTest v-show="flagB"></bTest>
預覽
调用的时候
我是写在父组件中的:
将flagA和flagB都初始化成false,点击A按钮和B按钮后分别变成true
可以把組件名稱記起來，就可以根據組件名稱來渲染特定組件（數據驅動）
javascript
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://wenda.whatsns.com/data/attach/logo/logo.png', '推荐 .2 的问题《使用的是vue2.0，如何动态添加组件。例如实现点击A按钮添加aTest组件，点击B按钮添加bTes》','https://wenda.whatsns.com/q-301619.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
付费偷看金额在0.1-10元之间
那么父组件中的content变化时,就会动态加载组件了
html<aTest v-show="flagA"></aTest>
<bTest v-show="flagB"></bTest>
預覽
调用的时候
我是写在父组件中的:
将flagA和flagB都初始化成false,点击A按钮和B按钮后分别变成true
可以把組件名稱記起來，就可以根據組件名稱來渲染特定組件（數據驅動）
javascript一周热门 更多>