项目中有这样一个列表:
我想通过代码来控制是上传还是删除
但如果常规方法给列表项加v-if的话,三个位置的“上传”不能单独控制,只能三个一起变。因为三个当中的v-if判断条件都是一样的。
想要做到单独控制,就需要在v-if的条件里面做文章:
像上面这样,每个列表项都有一个对应的record,每个record中都有一个Id,这里分别为record1、record2、record3
事先在data()中定义一个变量isFileUpShow,用来控制“上传”的显示和隐藏:
这样操作一下,初始时v-if中的条件 “isFileUpShow[record.Id] === record.Id” 全为true。