webpack + vue.js中怎么控制組件的顯示與隱藏
2 回答
慕標(biāo)5832272
TA貢獻(xiàn)1966條經(jīng)驗(yàn) 獲得超4個(gè)贊
在src目錄下建立components文件夾，并在其中建立app.vue文件，這樣我們項(xiàng)目的目錄結(jié)構(gòu)如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue example</title>
</head>
<body>
<app></app>
<script src="dist/build.js"></script>
</body>
</html>
qq_花開(kāi)花謝_0
TA貢獻(xiàn)1835條經(jīng)驗(yàn) 獲得超7個(gè)贊
v-show是通過(guò)其值為true或者false來(lái)決定所包含的元素是否顯示。舉例如下：
HTML：
JavaScript（Vue）：
默認(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
提交
取消