vue3 子组件修改 父组件传过来的值, 使用 emit 技能,你get ?

300 阅读1分钟

在子组件里面

const emit = defineEmits(['change_class'])

// 选中项目 克隆为新项目
const chooseToCreateProject = (e:MouseEvent, indexCard:number)=> {
  emit('change_class', indexCard)
}

在父组件里面


 <n-grid-item v-for="(item, index) in list" :key="item.id">
    <project-items-card :isTemplate="props.isTemplate" 
      :indexCard ="index"
      :current_index="current_index"
      @change_class="changeClassHandle"
    ></project-items-card>
</n-grid-item>
        
        
        

let current_index = ref(-1);
const changeClassHandle = (childIndex:number) => {
  current_index.value = childIndex
}