这是因为如果<select>元素上有一个v-model，那么:selected属性是无用的，因为它具有“初始选定值”的优先级。
因为status等于null，option.status等于''，所以vue不认为它们相等，因此不预先选择“任何”。
因此，这里唯一的解决方案是确保selectedOption转换为''，如果它是null：

const selectedOption = ref(props.status || '')

尝试将"任意"的状态值设置为空：

const { ref } = Vue
const app = Vue.createApp({
  setup() {
    const stat = ref(null)
    return { stat }
  },
})
app.component('child', {
  template: `
    <select v-model="selectedStatus">
      <option 
      v-for="option in statusOptions" 
      :value="option.status" 
      :selected="status === option.status || (status === null && option.status === '')">
      {{ option.label }}
      </option>
    </select>
  `,
  props: ['status'],
  setup(props) {
    const selectedStatus = ref(props.status);
    const statusOptions = [
        { status: null, label: 'Any' },
        { status: 'error', label: 'Only Error' },
        { status: 'success', label: 'Only Success' }
    ];
    return { selectedStatus, statusOptions }
  }
})
app.mount('#demo')

<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<div id="demo">
  <child :status="stat"></child>
</div>