v-model有一个select。最初是null。在option中，我也指定了null作为默认值-一切正常，默认值被替换。但是当我把这个select放到一个单独的组件中时，由于某种原因它停止使用null，默认选项没有被替换。链接到文档：https://vuejs.org/guide/components/v-model.html
父组件中的调用：
Parent.vue

<filter-trashed-select v-model="filters.trashed.fieldValue"/>

FilterTrashedSelect.vue

<template>
    <div class="reference__filter-select-wrapper">
        <select class="form-select" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)">
            <option :value="null">{{ $t('Only active') }}</option>
            <option value="only">{{ $t('Only hidden') }}</option>
            <option value="with">{{ $t('All') }}</option>
        </select>
    </div>
</template>

<script>
export default {
    name: "FilterTrashedSelect",
    props: ['modelValue'],
    emits: ['update:modelValue']
}
</script>

1.我尝试显式替换空值

<template>
    <div class="reference__filter-select-wrapper">
        <select class="form-select" :value="null" @input="$emit('update:modelValue', $event.target.value)">
            <option :value="null">{{ $t('Only active') }}</option>
            <option value="only">{{ $t('Only hidden') }}</option>
            <option value="with">{{ $t('All') }}</option>
        </select>
    </div>
</template>

<script>
export default {
    name: "FilterTrashedSelect",
    props: ['modelValue'],
    emits: ['update:modelValue']
}
</script>

1.我尝试在调用时使用v-model的扩展版本
Parent.vue

<filter-trashed-select :modelValue="filters.trashed.fieldValue"
  @update:modelValue="newValue => filters.trashed.fieldValue= newValue"/>

1.但如果您将此select从组件中取出，并在Parent.vue中显式使用它，那么一切都将正常工作
使用Vue SFC Playground上的问题简化示例。
在组件中，你需要使用v模型，但是你不能在属性上使用它，要做到这一点，在数据中创建一个变量。

<template>
  <select v-model="test" @change="$emit('update:modelValue', $event.target.value)">
    <option :value="null">null</option>
    <option value="1">1</option>
  </select>
</template>
<script>
export default {
  props: ["modelValue"],
  emits: ["update:modelValue"],
  data() {
    return {
      test: this.modelValue
    }
  }
};
</script>