企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习
您所在的位置>云逸小栈>VUE知识学习>正文

vue3 父组件操作子组件内的函数

2025-01-22 20:28:26 浏览 1083

父组件要调用子组件,首先要引入子组件通过 ref的值来调用子组件的函数。而子组件要先把执行函数写好,然后暴漏给父组件,这样才能实现调用的操作。

子组件函数写法

//定义函数
const copytext =()=>{
  console.log('1111')
}
暴漏函数
defineExpose({
  copytext 
})

父组件调用子组件

html代码

<div class="hss"><jihuo ref="Nacks" :type="props.type" :proid="props.proid" @updateshow="childshow"></jihuo></div>

js代码部分

import jihuo from './jihuo.vue' //引入

const Nacks = ref(null)
const navOther=()=>{
 //父组件调用子组件的函数
   if(Nacks.value){
     Nacks.value.getcodes()
   }

}


网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音