自身使用dialog的坑，点击确认触发了两个事件

最新推荐文章于 2024-05-21 17:07:12 发布

原创最新推荐文章于 2024-05-21 17:07:12 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

vue 专栏收录该内容

9 篇文章

订阅专栏

博主分享了在使用Vue框架时遇到的渲染问题，发现是由于点击确认按钮时，两个函数被意外触发导致的。文章详细记录了问题排查过程，并提醒开发者注意避免类似问题。

刚开始我以为渲染问题，vue劫持了fabric（canvas插件），一直在想是不是数据劫持问题，结果后来才发现是点击确认按钮，先触发了写的函数，又触发了弹框关闭函数，触发两次导致的

  <el-dialog
      customClass="customWidth"
      title="划痕"
      :visible.sync="dialogFormVisible"
      @close="closeDialog()"
      :close-on-click-modal="false"
    >
      <div slot="footer" class="dialog-footer" style="margin-top: -35px">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogDetermine()">确 定</el-button>
      </div>

立帖子为证，谨记！！！！