如何使Vue材质选择框在默认值为空时显示选项？

<template>
  <div>
    <select v-model="selectedMaterial">
      <option value="">请选择材质</option>
      <option value="material1">材质1</option>
      <option value="material2">材质2</option>
      <option value="material3">材质3</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedMaterial: '', // 默认值为空
    };
  },
  mounted() {
    if (this.selectedMaterial === '') {
      this.selectedMaterial = 'material1'; // 设置默认选项的值
    }
  },
};
</script>