Day3-條件渲染(1)

第 11 屆 iThome 鐵人賽

DAY 3

自我挑戰組

11th鐵人賽

453 瀏覽

v-if是vue.js框架中扮演條件渲染的角色，有時會利用數據直接進行控制，有時還會加上一些邏輯運算，像是:若在v-if中加入`!`則意味著將原有的資料否定，`true`會變`false`，`false`會變`true`;有時遇上較複雜的條件則會再配合v-else和v-if-else這兩個元素一起使用。

1.在這裡利用`seen`的值來控制網頁內容，當`seen`的值為`true`則:

當`seen`的值為`false`則:

2.在這裡利用seen的值來控制網頁內容，當seen的值為a則:

當seen的值為b則:

當seen的值不為a也不為b則:

明日預告:條件渲染(2)

系列文

輕鬆Vue一下共 30 篇

4 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入留言