如何利用Vue.js庫中的v-show顯示和隱藏元素
2 回答
qq_花開花謝_0
TA貢獻1835條經驗 獲得超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 }}); |
默認情況下運行結果會在頁面上顯示這個p元素，也就是會出現123字符串。
當我們在控制臺中使用vm.ok = false;將其值設置為false后。123字符串將立即消失，即p元素被隱藏了。
添加回答
舉報
0/150
提交
取消