2016 - 2024

感恩一路有你

js实现tab切换效果 Vue.js组件tab实现选项卡切换?

浏览量:2380 时间:2021-03-12 16:45:25 作者:admin

Vue.js组件tab实现选项卡切换?

这三个子组件的代码引用是:在JS//data(){return{A:“tab1”//默认显示tab1子组件}组件:{“tab1”:tab1,“TAB2”:TAB2,“tab3”:tab3}中引入三个子组件

最直接的方法都放在一个控制器中,单击不同的选项卡,请求数据,修改选项卡内容的ng include以切换templateurl。更复杂一点(推荐):不同的选项卡对应不同的路由(或状态),状态切换控制器,templateurl

var switchtab=function(tabs,cons,current){var I,len if(当前类型==“undefined”)current=0 if(cons类型==“number”){current=arguments[1]conts=false}var helper=function(index){tabs[index].addEventListener(“click”,function(){this.className.length长度> 0和this.className.indexOf(“curr”)

js实现tab切换效果 js选项卡页面切换 js实现tab选项卡切换

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。