如何利用Vue.js庫(kù)中的v-show顯示和隱藏元素
2 回答
莫回?zé)o
TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
v-show是通過(guò)其值為true或者false來(lái)決定所包含的元素是否顯示。舉例如下：
HTML：
1 2 3 | <div id="app"> <p v-show="ok">123</p> </div> |
JavaScript（Vue）：
1 2 3 4 5 6 | var vm = new Vue({ el: '#app', data: { ok: true } }); |
默認(rèn)情況下運(yùn)行結(jié)果會(huì)在頁(yè)面上顯示這個(gè)p元素，也就是會(huì)出現(xiàn)123字符串。
當(dāng)我們?cè)诳刂婆_(tái)中使用vm.ok = false;將其值設(shè)置為false后。123字符串將立即消失，即p元素被隱藏了。
本回答被提問(wèn)者采納
v-show是通過(guò)其值為true或者false來(lái)決定所包含的元素是否顯示。舉例如下：
HTML：
1 2 3 | <div id="app"> <p v-show="ok">123</p> </div> |
JavaScript（Vue）：
1 2 3 4 5 6 | var vm = new Vue({ el: '#app', data: { ok: true } }); |
默認(rèn)情況下運(yùn)行結(jié)果會(huì)在頁(yè)面上顯示這個(gè)p元素，也就是會(huì)出現(xiàn)123字符串。
當(dāng)我們?cè)诳刂婆_(tái)中使用vm.ok = false;將其值設(shè)置為false后。123字符串將立即消失，即p元素被隱藏了。
添加回答
舉報(bào)
0/150
提交
取消