监听当前页面是否被用户编辑，这个前端有什么好的方式去实现，如果对form deep watch担心会有性能问题？

• Z时代
• 2024-03-07
• 分类：IT

监听当前页面是否被用户编辑，这个前端有什么好的方式去实现，对form deep watch担心会有性能问题， 表单里面有一个input或者select变化时都需要监听到

回答：

声明一个派生状态，这个派生状态是由你想监听的控件value联合计算的hash值，然后watch这个hash值就行了。

回答：

• 方案1: 通过计算属性
• 方案2: 通过watch，如果逻辑比较复杂，可以把处理函数外包一个防抖函数提高性能。
  用一个变量记录是否被用户编辑，可通过JSON.stringify(newFormData) 和JSON.stringify(oldFormData)对比，数据是否发生改变，若改变则变量记录标记为true

回答：

首先确定好需要监听的事件有哪些，其次在windows上进行事件委托。在需要被监听的元素中加入一些标识以便在事件中做出判断，例如：data-listen。差不多就是这样了。

以上是 监听当前页面是否被用户编辑，这个前端有什么好的方式去实现，如果对form deep watch担心会有性能问题？ 的全部内容， 来源链接： utcz.com/p/932790.html