vue中【watch】为什么获取不到this，不能使用箭头函数？？

注意： 在 Vue.js 中，箭头函数会继承外部作用域的 this，而不是动态绑定到 Vue 实例。这可能导致在尝试给 this.tableData 赋值时出现问题。

tableData 赋值失败的原因可能是因为箭头函数 (val) => {…} 中的 this 指向的上下文不是您期望的组件实例。

  watch: {
    tableLookDetail: {
      handler: (val) => {
        if (val) {
          this.tableData = val;
        }
      }, deep: true, immediate: true
    }
  },

为了解决这个问题，可以将 handler 函数改为普通函数确保正确的上下文绑定。

  watch: {
    tableLookDetail: {
      handler: function(val) {
        if (val) {
          this.tableData = val;
        }
      }, deep: true, immediate: true
    }
  },