vue3父组件取子组件中的值

阅读 26

2023-11-24

//父组件
<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)

0 0 举报