$append()是Vue.js中一個非常有用的方法,它可以幫助我們向數組末尾添加新元素。在Vue實例的methods中定義添加元素的方法,我們就可以在視圖中調用該方法并動態更新數組。
例如,我們有以下數據:
data: {
list: ['apple', 'banana', 'cherry']
}
我們可以定義一個方法來向該數組添加新元素:
methods: {
addItem: function() {
this.list.$append('orange');
}
}
在視圖中,我們可以使用v-for指令循環遍歷數組:
<ul>
<li v-for="item in list">{{ item }}</li>
</ul>
然后,我們可以添加一個按鈕來觸發addItem方法:
<button @click="addItem">Add Item</button>
這樣,每次點擊按鈕時,新元素就會被加入數組的末尾,并顯示在視圖中。
上一篇c json動態
下一篇html怎么設置多重邊框