首页 > 代码库 > Vue内置的Component标签用于动态切换组件
Vue内置的Component标签用于动态切换组件
html
<div id="app"> <component :is="cut"></component> <button @click="current">点击切换</button> </div>
js
var classA = { template:`<div>状态1</div>` }; var classB = { template:`<div>状态2</div>` }; var classC = { template:`<div>状态3</div>` } var vm = new Vue({ el:"#app", data:{ cut:classA }, methods:{ current:function(){ if(this.cut==classA){ this.cut=classB }else if(this.cut==classB){ this.cut=classC }else{ this.cut=classA } } } })
Vue内置的Component标签用于动态切换组件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。