如何利用Vue.js庫中的v-show顯示和隱藏元素
1 回答
白板的微信
TA貢獻1883條經(jīng)驗 獲得超3個贊
v-show是通過其值為true或者false來決定所包含的元素是否顯示。舉例如下：
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)情況下運行結(jié)果會在頁面上顯示這個p元素，也就是會出現(xiàn)123字符串。
當(dāng)我們在控制臺中使用vm.ok = false;將其值設(shè)置為false后。123字符串將立即消失，即p元素被隱藏了。
添加回答
舉報
0/150
提交
取消