<div id="app" v-cloak>
<ul>
<li v-if="item=='a'?true:false">01
</li>
<li v-else-if="item=='b'?true:false">02
</li>
<li v-else-if="item=='c'?true:false">02.5
</li>
<li v-show="block">03
</li>
</ul>
<button v-on:click="nan1('a')">选项卡1
</button>
<button v-on:click="nan1('b')">选项卡2
</button>
<button v-on:click="nan1('c')">选项卡3
</button>
</div>
<script type="text/javascript">
new Vue({
el: "#app",
data: {
block: true,
item: "c",
},
methods: {
nan1: function(char) {
this.item = char;
},
},
})
</script>
转载请注明原文地址: https://www.6miu.com/read-1250410.html