拓展:vue 父组件调用子组件方法ref(且父组件可通过ref调用的方法传值给子组件)

 1、ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上

//一、ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上

<div class="formBtn fl" @click="setBtn('4')">111</div>
<div class="formBtn fl" @click="setBtn('3')">222</div>
<div class="formBtn fl" @click="setBtn('55')">333</div>

//子组件:(重点1:Vue中父组件想调用子组件的方法,可以在子组件中加上ref,然后通过this.$refs.ref.method调用)
<Set-Dialog :setDialogSave="setDialogSave" ref="SetDialog"></Set-Threshold-Dialog>


import SetDialog from '@/components/xxx/setThreshold.vue'

//在父组件中注册
components:{
   SetDialog
}


methods:{
    //this.$refs.eleTable.子组件的方法名+()
    //this.$refs.eleTable.子组件的属性名

    setThresholdBtn(type) {
        //重点2:此处为父组件调用子组件方法并传
        this.$refs.SetDialog.show(ty

相关推荐

  1. vue组件直接调用组件方法通过ref

    2024-01-04 13:20:02       60 阅读
  2. vue组件调用组件方法 或传递组件

    2024-01-04 13:20:02       55 阅读
  3. 组件调用组件方法

    2024-01-04 13:20:02       62 阅读
  4. vue组件调用组件方法

    2024-01-04 13:20:02       51 阅读
  5. Vue.js 中组件调用组件方法

    2024-01-04 13:20:02       49 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-04 13:20:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-04 13:20:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-04 13:20:02       82 阅读
  4. Python语言-面向对象

    2024-01-04 13:20:02       91 阅读

热门阅读

  1. 面向期末的并行与分布式程序设计总结

    2024-01-04 13:20:02       71 阅读
  2. 力扣225. 用队列实现栈

    2024-01-04 13:20:02       50 阅读
  3. cesium监听23D切换

    2024-01-04 13:20:02       60 阅读
  4. 常用日志查看方法 log | journalctl | messages

    2024-01-04 13:20:02       58 阅读
  5. Locust:分布式负载测试工具的利器

    2024-01-04 13:20:02       58 阅读
  6. Go到底能做什么?不能做什么?

    2024-01-04 13:20:02       56 阅读