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

最新推荐文章于 2024-09-29 16:31:54 发布

qq_1746106

最新推荐文章于 2024-09-29 16:31:54 发布

阅读量2k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_17461067/article/details/123440953

版权

最开始使用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"
              >