vue3 下拉选择本周 本月 本年

在Vue3中创建一个下拉选择菜单，用于选择本周、本月或本年，你可以使用v-model绑定值，并使用`<select>`元素配合`<option>`标签来实现。下面是一个简单的例子：

<template>
  <div>
    <label for="dateRange">请选择日期范围：</label>
    <select v-model="selectedDateRange">
      <option value="thisWeek">本周</option>
      <option value="thisMonth">本月</option>
      <option value="thisYear">本年</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedDateRange: 'thisWeek', // 默认选本周
    };
  },
};
</script>

在这个例子中，`v-model`将用户的选择绑定到组件的`selectedDateRange`数据属性上。当用户从下拉列表中选择新的选项时，该属性会自动更新。