ref =“组件名” 引用组件里的方法用refs

本文介绍了在Vue中如何利用ref属性来获取组件实例,从而调用组件内的方法,如在elementui和avue框架下,通过ref调用makleTable组件的数据初始化方法dataInit(),实现在树形结构点击事件中更新表格数据的功能。
摘要由CSDN通过智能技术生成

elementui,avue框架实现左树右表(点击左边的树切换右边的表格数据)

在Vue中使用ref获取dom元素节点及组件内的数据和方法

<template>

    <div>

//组件makleTable,调用里面的dataInit()方法

//一定要有 ref="makleTable",否则运行时报错no undefine "dataInit"(reading)

  <el-container>

            <el-aside width="200px">

            <avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick"></avue-tree>

           </el-aside>

            <el-main >

                  <makleTable :option="option"  ref="makleTable"></makleTable>

           </el-main>

  </el-container>

 </div>

</template>

&l

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值