<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
<style>
.box,.box1{width:100px;height: 100px;background: red;}
.box1{background: royalblue;}
</style>
</head>
<body>
<div id="app">
<input type="checkbox" v-model="flag" />
<!--
Vue 會盡可能高效地渲染元素警儒，通常會復(fù)用已有元素而不是從頭開始渲染鹿驼。
所以 Vue 提供了一種方式來表達“這兩個元素是完全獨立的走诞，不要復(fù)用它們”。
只需添加一個具有唯一值的 key 屬性即可
-->
<div class="box" v-if="flag" key="a">
<input type="text" />
</div>
<div class="box1" v-else key="b">
<input type="text" />
</div>
</div>
<script src="js/vue.js"></script>
<script>
var vm = new Vue({
el:"#app",
data:{
flag:true
}
})
</script>
</body>
</html>
04_v-if / v-else
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門密强，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人蜗元，你說我怎么就攤上這事或渤。” “怎么了奕扣？”我有些...
- 文/不壞的土叔 我叫張陵薪鹦，是天一觀的道長。 經(jīng)常有香客問我，道長池磁，這世上最難降的妖魔是什么奔害？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮地熄，結(jié)果婚禮上华临，老公的妹妹穿的比我還像新娘。我一直安慰自己端考，他們只是感情好雅潭，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著却特，像睡著了一般扶供。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上裂明，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼捅儒！你這毒婦竟也來了液样？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布盒齿，位于F島的核電站念逞，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏边翁。R本人自食惡果不足惜翎承，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望符匾。 院中可真熱鬧叨咖，春花似錦、人聲如沸啊胶。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽创淡。三九已至，卻和暖如春南吮，著一層夾襖步出監(jiān)牢的瞬間琳彩，已是汗流浹背。 一陣腳步聲響...
