需要通过 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>
Logo

前往低代码交流专区

更多推荐