2018年8月4日 星期六

[Vue.js] 列表

可以直接把物件渲染成列表,加入 index 就可以列出當前物件的索引。




輸出 object 的值。



這樣可以把 key 跟 value 都輸出



包含索引




計算後回傳奇數



輸出 1~10 的數字



搭配 v-if 判斷是否是空物件


可以使用一些調整陣列的方式來改變列表內容

push()
pop()
shift()
unshift()
splice()
sort()
reverse()

改變陣列調整 list 內容

See the Pen vue add remove list by deathhell (@deathhell) on CodePen.

反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...