vue 弹窗关闭后刷新效果

问题：列表点击进入详情时弹窗内容重新赋值，但是修改后未点击保存再打开同一个弹窗，数据是关闭前的样子。解决：在双击时间里定义一个时间戳，每次点击传过去的值，在弹窗watch里接收时间戳再赋值。关闭页面清空对象。列表页： this.timestamp=new Date().getTime();弹窗详情页：props: {timestamp:Number}watch: { ...

大可大可抖

9127人浏览 · 2018-09-04 09:43:29

大可大可抖 · 2018-09-04 09:43:29 发布

问题：列表点击进入详情时弹窗内容重新赋值，但是修改后未点击保存再打开同一个弹窗，数据是关闭前的样子。

解决：在双击时间里定义一个时间戳，每次点击传过去的值，在弹窗watch里接收时间戳再赋值。关闭页面清空对象。

列表页： this.timestamp=new Date().getTime();

弹窗详情页：

props: {timestamp:Number}

watch: {

timestamp:{

//深度监控的数据获取

}

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^