首页 > 电脑手机

Vue3 父子组件传值

电脑手机 2024-11-26 08:30:00 2000

1、父组件传值给子组件

1）、父组件中

Vue3 父子组件传值

 2）、子组件中  使用props接受值

        

方法使用父组件传递过来的值

        

props.sonValue

 2、子组件给父组件传值

1)、子组件中

const emit = defineEmits(['searchData'])
const submit = () => {
    emit('searchData', [vtType.value, vtLevel.value])  // 子组件将值传递给父组件
    props.sonUse()   // 子组件中使用父组件的方法
}

2）、父组件接收值

// template 中

   // 子组件



// methond 中
const searchData = (val) => {
  console.log(val)   // 获取到的子组件的值
}

父子组件
版权声明：如无特殊标注，文章均来自网络，本站编辑整理，转载时请以链接形式注明文章出处，请自行分辨。

本文链接：https://www.shbk5.com/dnsj/74784.html

上一篇基金行业数据安全保障体系建设探析

下一篇图像处理（一）——CMC特刊推荐

相关文章

热门文章

最新发布

标签列表