我試圖創建一個簡單的做高分子列表,和我有附加部分的工作。當我點擊旁邊的「刪除」圖標的項目,它刪除最近添加的項目,而不是它應該刪除的。它看起來像它得到數組的索引錯誤,我不知道如何解決它?謝謝!聚合物1.0陣列拼接被刪除了錯誤的項目在陣列
<dom-module id="my-todo-list">
<template>
<div class="card">
<div class="form">
<paper-input label="Task" value="{{todo.task}}"></paper-input>
<paper-button raised on-tap="_addTodo">Add Todo</paper-button>
</div>
<template is="dom-repeat" items="{{todos}}">
<paper-card class="todos">
<paper-checkbox id="checkTodo" on-click="_completeTodo"></paper-checkbox>
<p>{{item.task}}</p>
<iron-icon icon="delete" on-tap="_destroyAction"></iron-icon>
</paper-card>
</template>
</div>
</template>
<script>
Polymer({
is: 'my-todo-list',
properties: {
todo: {
type: Object,
value: function() {
return {};
}
},
todos: {
type: Array,
value: function() {
return [];
}
}
},
_addTodo: function() {
console.log(this.todo);
this.push('todos', this.todo);
// this.todo = {};
},
_destroyAction: function(todo) {
var index = this.todos.indexOf(todo);
this.splice('todos', index, 1);
},
});
</script>
</dom-module>
在您的_destroyAction()回調中,todo參數是一個事件對象,而不是您想要刪除的todo對象。 – Supersharp
我應該怎麼寫,以便它是我想要刪除的對象嗎? this.todo? –