vue之使用箭头函数导致表格无法刷新数据

vue之使用箭头函数导致表格无法刷新数据

  • 1.产生背景
  • 2. 产生原因
  • 3. 解决措施

1.产生背景

在使用初始化方法查询默认表单后,有使用选择器进行条件查询的需求。
vue之使用箭头函数导致表格无法刷新数据_第1张图片
但在使用监听器监听选择器绑定的value值时使用了箭头函数,请求响应后发现数据更新了但表格为重新渲染,仍为请求之前的数据。

2. 产生原因

箭头函数本身没有this,但是它在声明时可以捕获其所在上下文的this供自己使用。所以导致this指向不是所需vue对象,表格刷新失败。

3. 解决措施

将箭头函数改为普通函数
vue之使用箭头函数导致表格无法刷新数据_第2张图片

你可能感兴趣的:(vue.js,javascript,前端)