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