Vue2：在v-for循环内更改数据

Question

我有以下循环，可在图库中显示图像：

<a href="#" v-for="(file, index) in files" v-bind:key="file.id" @click="file.selected = !file.selected">
    <img :src="file.url" />
    <span>{{file.name}}</span>
    <i v-show="file.selected" class="fa fa-check-square"></i>
</a>

我希望能够通过单击选择任何图像。 但是当我单击图像时什么也没有发生。 我用在AngularJs中做的方式做到了-我在循环中修改了项目。

我期望： -视图（循环内）将被更新 -该项的更改将被带入数据数组（文件）

Answer 1

好吧，这很容易-不能按我想要的方式工作，因为我没有在初始数据数组中添加“选择”键。 在AnguarJS中，这无关紧要-只是添加密钥，但是在这里，如果元素从一开始就不存在，则该元素是未知的/无法监视的。