vue.js - v-if inside v-for not work on click button

Question

我试图在基于 v-if 的 v-for 中显示正确的模板。

单击按钮时应更改 v-if 中包含的值

<div v-for="(items, index) in suppliers" :key="index">
  <v-btn @click="newSupplier[index].edit = true">Edit</v-btn>
  <template v-if="newSupplier[index].edit">
    // Display supplier information
  </template>
  <template v-else>
    // Display edit form
  </template>
<div>

newSupplier 是一个包含一些信息的对象，包括编辑供应商是一个包含（相同）供应商数量的数据属性。

代码应该触发 v-if 并显示正确的模板

标签： vue.jsvuetify.js

Answer 1

确保使用Vue.set(newSupplier, index, value)而不是设置 newSupplier newSupplier[index]=value。

索引可能会导致您的 newSupplier 没有反应。