vue3+ts 使用 emit(‘update:val‘, 1)方法 子组件修改父组件传的值
vue3+ts 使用 emit('update:val', 1)方法 子组件修改父组件传的值
·
需要通过 v-model 传递要修改的参数给子组件
<BottomBar v-model:isIntention="detailInfo.isIntention" />
子组件这样写,使用emit(‘update:xxx’, val)的方法
<template>
<div>
<div class="collect" @click="handleCollect">关注</div>
</div>
</template>
<script setup lang="ts">
interface Props {
isIntention: number;
}
const prop = withDefaults(defineProps<Props>(), {
isIntention: 0,
});
const emit = defineEmits(['update:isIntention']);
// 修改父组件传的值
const handleCollect = () => {
emit('update:isIntention', 1);
</script>
更多推荐
已为社区贡献9条内容
所有评论(0)