vue中父组件获取子组件的ref

父组件<my-tableref="tableList":get-data="dataItemList":columns="dataItemColumns"></my-table>子组件<el-tableref="table"v-loading="listLoading"></el-table>父组件引用子组件的ref父组件想要使用toggleRowS

°疯菇凉℡1

2797人浏览 · 2022-03-15 16:54:01

°疯菇凉℡1 · 2022-03-15 16:54:01 发布

父组件

  	<my-table
      ref="tableList"
      :get-data="dataItemList"
      :columns="dataItemColumns"
    ></my-table>

子组件

<el-table
      ref="table"
      v-loading="listLoading"
    ></el-table>

父组件引用子组件的ref

父组件想要使用toggleRowSelection()
就需要先拿到子组件的ref

this.selecList.forEach(r => {
	this.$refs.tableList.$refs.table.toggleRowSelection(r) 
})

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^