Сначала вам нужно создать динамический проверенный массив в соответствии с длиной activeList.listItems
! Затем вы можете проверить с индексом и вы можете обновить данные массива по this.$set(array,index,value)
...
new Vue({
el: "#app",
data: {
checked: [],
activeList : {listItems:[1,2,3,5]}
},
created: function() {
for(var i = 0; i < this.activeList.listItems.length; i++) {
this.checked.push(false);
}
},
methods: {
checkTaskDone(item) {
if (this.checked[item] == false) {
this.$set(this.checked,item, true);
} else if (this.checked[item] == true) {
this.$set(this.checked,item, false);
}
}
}
});
.checked {
text-decoration: line-through;
color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<div v-for="(listItem, index) in activeList.listItems" :key="index" :class="{checked: checked[index]}">
{{ index+1 }}. {{ listItem }}
<span @click="checkTaskDone(index)">
<i class="f7-icons" id="check-task-btn">check_round</i>
</span>
</div>
</div>
Я предполагаю, что будет несколько сгенерированных файлов, которые вы не хотите вставлять в свое репо (при условии, что выходной каталог сборки находится в вашей иерархии git):
GIT игнорирует файлы я обычно делаю итеративно. «Эй, мне не нужны эти вещи в моем репо» ...
Edit: re dmckee's comment
Да, вы определенно хотите игнорировать файлы подкачки, временные файлы и т. Д. У меня в качестве базового показателя для моего .gitignore:
Вы также можете настроить выполнение сборки в подкаталоге, скажем, build
, а затем вы можете игнорировать все это внутри .gitignore
build /
] И готово.