学习vue——modelValue 与 update:modelValue（父子相传v-model，相互绑定）

父组件

<script lang="ts" setup>
import { ref } from 'vue'
const value = ref({
  page: 1,
  size: 2,
  selectId : ""
})
</script>

<template>
<search-select v-model="value.selectId"></search-select>
</template>

 

子组件

<script setup>
defineProps(['modelValue','width'])
const emit = defineEmits(['update:modelValue'])
</script>

<template>
        <el-select 
        
        :modelValue = modelValue
        @update:modelValue="emit('update:modelValue',$event)"
        placeholder="请选择" :style="{ width }">
            <el-option label="新闻" value="110">新闻</el-option>
            <el-option label="科技" value="120">科技</el-option>
        </el-select>
</template>