vue 表单未保存离开页面进行提醒

最新推荐文章于 2024-05-24 08:58:18 发布

weixin_43839531

最新推荐文章于 2024-05-24 08:58:18 发布

阅读量759

点赞数

文章标签： vue 前端

本文链接：https://blog.csdn.net/weixin_43839531/article/details/120003776

版权

这段代码描述了如何监听form内数据的变化，并在弹窗关闭时判断是通过保存按钮关闭还是其他方式关闭。如果通过保存按钮关闭，直接调用接口；否则，检查count变量。在编辑模式下，打开时count为1，新增时为0，关闭后count重置为0。

摘要由CSDN通过智能技术生成

// 监听form 内数据变化 弹窗关闭时 判断是保存按钮关闭还是 其他方式关闭。
// 保存按钮关闭正常调用接口即可,其他方式判断count  
// 如果是编辑,打开count数据为1,新增为0(这里刷新页面第一次点击新增也为1,后续解决了这个bug再更新)
// 关闭后count重置为0即可。
 form: {
      handler(val) {
        if (val) {
          this.count++
        } if (!this.visible) {
          this.count = 0
        }
      },
      deep: true
    }