vue2 watch监听

最新推荐文章于 2025-05-06 09:21:54 发布

原创最新推荐文章于 2025-05-06 09:21:54 发布 · 520 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端 #vue.js

收录于

该博客探讨了Vue中一个用于创建弹框的组件，详细解析了其props属性如`title`、`visible`和`formData`的用法。特别是`flag`属性的改变如何触发`edit`模式并初始化表单数据。此外，还提到了`remote_close`函数在关闭窗口时的角色。

export default {
  props: {
    title: {
      // 弹框标题
      type: String,
      default: ''
    },
    visible: {
      // 弹框是否弹出
      type: Boolean,
      default: false
    },
    flag: {
      type: String,
      default: ''
    },
    formData: {
      // 提交表单数据
      type: Object,
      default: () => {}
    },
    remote_close: Function // 用于关闭窗口
  },
 watch: {
    flag: function (val, oldval) {
      console.log('val', val)
      if (val === 'edit') {
        this.continueruleForm = this.formData
        console.log('form', this.continueruleForm)
      }
    }
  },
}