前言:
vue3.0中ref的使用和vue2.0中的ref相比较也有很大的改变,这里总结下他的具体使用方法。
vue2.0
父组件:
template
<Table ref="eleTable" @handle="handleFun"></Table>
methods:
this.$refs.eleTable.子组件的方法名+()
this.$refs.eleTable.子组件的属性名
vue3.0
父组件:
template
<Table ref="eleTable" @handle="handleFun"></Table>
script中:
import { ref } from 'vue'
setup() {
//ref方法
const eleTable = ref() //eleTable是页面ref后面对应的名字
const clickSon = () => {
eleTable.value.changeShowText() //调用子组件的方