vue使用el-dialog时的visible绑定问题

最开始使用v-for循环el-dialog时visible绑定了data中的changeContent，然后通过下标绑定bool类型，但是对话框一直显示不出来，找了好久终于找到了一个解决办法…

这是之前的代码，其实也不是这样写的，只是差不多就这个意思

			<el-button
                type="primary"
                plain
                size="mini"
                @click="changeContent[item.paraId] = true"
                class="delet"
                v-if="statue"
                >修改</el-button
              >
              <el-dialog
                title="修改内容"
                :visible.sync="changeContent[item.paraId]"
                width="400px"
              >

通过使用$set将item添加了一个新的元素，让visible绑定这个新的元素就能显示对话框了，虽然现在还是不知道其中的奥妙.

这是成功后的代码

			<el-button
     			type="primary"
                plain
                size="mini"
                @click="$set(item, 'DialogFlag', !item.DialogFlag)"
                class="delet"
                v-if="statue"
                >修改</el-button
              >
              <el-dialog
                title="修改内容"
                :visible.sync="item.DialogFlag"
                width="400px"
              >