2018年06月20日(水)

Vue.jsのトランジションアニメーション[リスト編]

• 0
• 0
• 0
• 15

アニメーションしないリストの追加・削除・ソート

最初にアニメーションを使わない簡単なリストの追加・削除・ソート機能をざっくり作成してみます。

追加 削除 並び替え

• {{ item.name }}

new Vue({ el: '#app', data: { count: 4, order: 1, items: [ { id: 1, name: 'item 1' }, { id: 2, name: 'item 2' }, { id: 3, name: 'item 3' }, { id: 4, name: 'item 4' } ] }, methods: { addItem: function() { this.count += 1; this.items.push({ id: this.count, name: 'item ' + this.count }); }, removeItem: function() { this.count -= ...