如何通过Vue点击页面空白区域触发保存操作？

本文共计701个文字，预计阅读时间需要3分钟。

功能描述+双击表格一行实现表格编辑，点击空白处实现保存。+表格可编辑相关文章在可编辑表格中+实现思路+当表格处于编辑状态时，在页面进行click监听，判断点击区域是否为编辑区域。

功能描述

双击表格一行实现表格编辑，点击空白处实现保存。

表格可编辑相关文章在可编辑表格

实现思路

当表格在编辑状态的时候在页面进行click监听，判断点击区域是否为编辑区域，如果不是编辑区域实现保存功能并取消click监听

功能点一：页面监听与取消接听

// 通过addEventListener与removeEventListener实现 document.addEventListener("click", function, false); document.removeEventListener("click", function, false);

功能点二：判断点击区域是否为可编辑区域

该功能点有一定难度，首先你需要判断点击区域是否为表格区域，其次你要判断点击的区域是否为编辑状态的呢一行。