vue ref 和 refs

起因是要用到element 里面table的方法

方法

想用其中的clearFilter()，却不知道怎么调用，查了一下才知道是

this.$ref.xx 

并在你的table上注册ref属性

<el-table :data="goods_data" style="width: 100%;margin-top:10px;position:relative;" ref = "xx">
</el-table>

比如我的是

this.$ref.xx .clearFilter()

ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。
1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素
2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。

refs是一个对象，持有已注册过ref的所有子组件

<input type="text" ref="input1" id="input1"/>
console.log(this.$refs.input1)//<input type="text" id="input1">

refs是组件渲染完成之后在填充的，只能在渲染完成之后才能访问，也不是响应式的，应避免在模板或者计算属性中使用如

<ul v-for="item in items">
<li ref="item"></li>
</ul>

访问item.name只能当做'item.name'字符串处理