如何利用Vue.js庫中的v-show顯示和隱藏元素
2 回答
qq_花開花謝_0
TA貢獻(xiàn)1835條經(jīng)驗 獲得超7個贊
v-show是通過其值為true或者false來決定所包含的元素是否顯示。舉例如下：
HTML：
| 123 | <div id="app"> <p v-show="ok">123</p></div> |
JavaScript（Vue）：
| 123456 | var vm = new Vue({ el: '#app', data: { ok: true }}); |
默認(rèn)情況下運行結(jié)果會在頁面上顯示這個p元素，也就是會出現(xiàn)123字符串。
當(dāng)我們在控制臺中使用vm.ok = false;將其值設(shè)置為false后。123字符串將立即消失，即p元素被隱藏了。
添加回答
舉報
0/150
提交
取消