选择标记值不反映v-model中的更改

<!-- 自定义组件 -->
<template>
  <select @change="$emit('input', $event.target.value)">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
  </select>
</template>

<script>
export default {
  props: ['value']
}
</script>

<template>
  <custom-select v-model="selectedOption"></custom-select>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: ''
    }
  }
}
</script>

this.$nextTick(() => {
  // DOM更新后的操作
});

<template>
  <div>
    <select v-model="selected">
      <option disabled value="">请选择</option>
      <option>A</option>
      <option>B</option>
      <option>C</option>
    </select>
    <span>选中的值: {{ selected }}</span>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const selected = ref('');

    return {
      selected
    };
  }
};
</script>