0
点赞
收藏
分享

微信扫一扫

vue3父组件取子组件中的值

椰果玩安卓 2023-11-24 阅读 25

//父组件
<template>
    <son ref="myRefs"></son>
    <button @click="edit">向父组件传值</button>
</template>
<script setup lang="ts">
import son from '@/views/home/components/son.vue'
import {ref} from "vue"
//获取绑定的ref
const myRefs = ref();
const edit = () =>{
//通过ref去调取子组件的方法
    console.log(myRefs.value.isAdHoc, 'fu')
   }
</script>

//子组件
<script setup lang="ts">
import {defineExpose} from "vue"
  const isAdHoc = ref()
	onLoad((options) => {
		console.log('JSON.parse(options.allId)', JSON.parse(options.allId))
		let id = JSON.parse(options.allId).id
			let param = {
				id: id,
				reviewapplyId: JSON.parse(options.allId).reviewapplyId
			}
			getMyReviewAndapplyfor(id, param.reviewapplyId).then(res => {
				formData.value = res.data
				isAdHoc.value = formData.value.hexReviewapplyforList[0].isAdHoc
			})
	})
//这里需要暴露出去不然父组件调用不到这个方法
defineExpose({
  isAdHoc
})
</script >


举报

相关推荐

0 条评论