vue选项卡切换
来源:互联网 发布:中国航信网络面试 编辑:程序博客网 时间:2024/05/20 13:09
<div id="app">
<button @click='current="my-one"'>one</button>
<button @click='current="my-two"'>two</button>
<button @click='current="my-three"'>three</button>
<!--动态组件-->
<component :is="current"></component>
</div>
<script>
new Vue({
el:'#app',
data:{
current:'my-one' 这个是默认第一个选项卡出来
},
components:{
'my-one':{
template:`<div><h2>one</h2><p>oneone</p></div>` //这个是选项卡的内容
},
'my-two':{
template:`<div><h2>222</h2><p>222</p></div>` //这个是选项卡的内容
},
'my-three':{
template:`<div><h2>333</h2><p>333</p></div>` //这个是选项卡的内容
}
}
})
- vue选项卡切换
- vue中用动态组件实现选项卡切换效果
- vue 选项卡
- vue 选项卡 感想
- 一个选项卡切换
- javascript选项卡切换
- Jquery 选项卡切换
- 选项卡切换
- 选项卡切换
- 切换选项卡
- 选项卡切换
- jquery选项卡切换
- 选项卡切换
- js 选项卡切换
- 选项卡切换
- 选项卡切换
- Tab选项卡切换
- 选项卡 切换
- 腾讯开源的Android UI框架——QMUI Android
- 写一个方法获取 url ?后面的参数,并将参数对象化。
- 第三周-项目四-顺序表应用
- HTML报表EXCEL输出
- linux进程通信2
- vue选项卡切换
- sourcetree在git中的使用
- 909422229_20多个常用的免费WebService接口
- (function($){...})(jQuery)是什么意思
- ajax接口通信跨域的处理(Java后台)
- 十三周 项目1(3)
- Java学习笔记4——StringBuffer和StringBuilder
- 关于mysql备份脚本与定时任务
- iOS 多线程