element UI dialog里面子组件第一次未渲染数据问题

最新推荐文章于 2024-01-23 14:46:12 发布

冉冉升起的富豪

最新推荐文章于 2024-01-23 14:46:12 发布

阅读量794

点赞数

分类专栏： vue 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/guanrandang0061/article/details/126246963

版权

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

  <el-dialog :visible.sync="dialogVisible"  width="60%" :before-close="handleClose">
            <draw :child="child" :popResId="popResId" :drawData='drawData' @reload='reload' ref='draw' />
</el-dialog>

当弹窗组件里面包裹子组件时候，第一次渲染子组件数据未渲染，子组件接收到的是undifined。
解决方法：
在弹窗为true后用this.$nextTick来更新

 handleOpen(data, index) {
            this.dialogVisible = true
            this.$nextTick(() => {
                this.child = true
                this.popResId = data.resId

                this.drawData.index = index
                this.drawData.isReport = !this.drawData.isReport
                this.drawData.resId = data.resId
            })

        },