Vue2.0中关于$refs的问题

Question

首先我的项目是 我在表格中嵌入一个表单编辑的子组件以及使用

问题是关于使用<el-pagination/>分页后 点击第二页后 点击子组件Button
打印显示$refs中子组件为空
这是第一页点击后的结果

这是点击第二页后再次点击表单子组件按钮的结果

求助QAQ

这是子组件中的内容

父组件中使用该子组件

父组件中 回调的两个方法

Answer 1

• 这个是子组件emit的方法，我感觉有点别扭写法不太对，可不可以尝试改为我下面的那种写法（但我又不确定是不是这里的问题，哈哈）

  @onEdit="() => transimitValue(scope.row,scope.$index)"
  

• 而且我看你的思路是子组件中emit派发事件，事件又是为了获取子组件的值，为什么不在$emit()的时候就把子组件的值传递给父组件呢。