html 弹出层 传参数,vue之弹出框传值问题

发现问题：将 dialogStatus 值定义在 data 里，出现第一次进入弹出框页面 dialogStatus 值为空，第二次进入时 dialogStatus 有值。

在一个vue页面，进入另一个弹出框定义的vue(传入dialogStatus值)时，我遇到第一次进入弹出框页面dialogStatus值为空，第二次进入时值传过去了。

代码：

vue页面：

export default{

components: {'modify': () => import('./components/modify')

},

methods: {

handleAdd(){this.dialogStatus = 'create';this.dialogFormVisible = true;

console.log(this.$refs.modify);if (this.$refs.modify !==undefined) {this.$refs.modify.dialogStatus = this.dialogStatus;

}

}

}

}

modify页面(弹出框页面)：

取 消

确 定

确 定

export default{

data(){return{

dialogStatus:''}

}

}

发现问题：将 dialogStatus 值定义在 data 里，出现第一次进入弹出框页面 dialogStatus 值为空，第二次进入时 dialogStatus 有值。

解决办法：将 dialogStatus(需要传递的值)定义在 props 里。

export default{

props: {

dialogStatus: {default: '1'}

}

}