vue选项卡

xiaoxiao2021-02-28  8

<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

最新回复(0)