手机免费自建网站,企业营销型网站建设公司,wordpress栏目指定二级域名,网站设计论文致谢is有两种用法#xff1a;第一种就是在一些标签中像ul#xff0c;ol#xff0c;table等使用自定义的一些组件#xff0c;浏览器的解析是有问题的#xff0c;甚至报错。而添加这个属性之后就可正常使用,但是我测试是可以用的#xff0c;可能是版本的问题#xff0c;不知道…is有两种用法第一种就是在一些标签中像uloltable等使用自定义的一些组件浏览器的解析是有问题的甚至报错。而添加这个属性之后就可正常使用,但是我测试是可以用的可能是版本的问题不知道什么原因。第二种也是非常好用的一种用于组件的切换在一些导航栏上是非常好用的具体例子如下这里是动态组件.left{pasition:fixed;width:190px;}.left ul li{height:40px;width:100%;margin-top:10px;background:pink;}.right{width:500px;height:200px;position:relative;top:-250px;left:190px;background:red;}v-fortab in tabsv-bind:keytab.namev-bind:class[tab-button,{active:currentTab tab.name}]v-on:clickcurrentTab tab.name{{ tab.item }}v-bind:iscurrentTabComponentclasstabhahahahhhhhVue.component(tab-zy1, {template: 我是zy1 页面});Vue.component(tab-zy2, {template: 我是zy2页面});Vue.component(tab-zy3, {template: 我是zy3 页面});Vue.component(tab-zy4, {template: 我是zy4页面});Vue.component(tab-zy5, {template: 我是zy5 页面});Vue.component(tab-zy6, {template: 我是zy6 页面});Vue.component(tab-zy7, {template: 我是zy7 页面});new Vue({el: #container,data: {currentTab: zy1,tabs: [{name:zy1,item:物理资源},{name:zy2,item:存储资源} ,{name:zy3,item:客户端},{name:zy4,item:存储资源},{name:zy5,item:系统管理},{name:zy6,item:性能统计},{name:zy2,item:监控中心}],},computed: {currentTabComponent: function () {return tab- this.currentTab.toLowerCase();}}});
