Vue官網教程 條件渲染

通過v-if展示乙個dom是否顯示

改為false就不會顯示了

可以使用else的。

改變ok的值為false,注意這個false是沒有''引號的，帶引號的是字串，沒效果的

因為v-if只能改變自己的dom，如果想改變好幾個標籤要怎麼辦？

可以使用template

v-else 要緊跟在v-if ，v-else-if後面！

一句話，加上key值，key值不同，就會當作不同的元素，重新渲染。

label沒有key，所以label是復用的，只是改了innerhtml而已。

自己寫一下完整**

1、判斷的時候，是使用全等哦！ ===

2、v-if後面跟的是表示式。v-if要用true和false

<

div 
id>
<
template 
v-if
="logintype=== 'username'"
>
<
label
>username
label
>
<
input 
placeholder
="username"
>
template
>
<
template 
v-else
>
<
label
>email
label
>
<
input 
placeholder
="email"
>
template
>
<
br>
<
button 
@click
="handleclick"
>切換
button
>
div>
<
script
>
varvm 
=new
vue(,
methods:}})
script
>

因為v-if，每次都要切換都要被建立和銷毀！

vue條件渲染

判斷1 count 大於0，count的值是 5 判斷2 count的值是 判斷3 count的值是 data 當count值為0時，符合判斷3，呼叫判斷3的語句輸出 5 判斷2 count的值是 判斷3 count的值是 從結果看出，只呼叫了判斷1，說明它的執行 情況是按照 塊順序來去進行的，當前...

Vue 條件渲染

v if v else if v else v show 條件展示 簡單明瞭，直接上案例 案例 條件渲染 單路分支 h3 a p 條件渲染 雙路分支 h3 a p v else b p 條件渲染 多路分支 h3 美食 p 遊戲 p v else 睡覺 p 條件展示 h3 條件展示 p div bod...

Vue條件渲染

使用場景 判斷是否載入，如果為真，就載入，否則不載入 flag 如果flag為true則顯示,false不顯示 span div var vm newvue script type a a div v else if緊跟在v if或v else if之後 表示v if條件不成立時執行 else if...