this.$refs获取select的初始值

在Vue.js中，可以使用`this.$refs`来访问在模板中使用`ref`属性定义的元素。要获取`select`的初始值，可以按照以下步骤进行操作：

1. 在模板中，给`select`元素添加一个`ref`属性，例如：`<select ref="mySelect">...</select>`。

2. 在Vue组件的方法中，通过`this.$refs.mySelect`来访问该`select`元素。

3. 可以通过`this.$refs.mySelect.value`来获取`select`的初始值。

以下是一个简单的示例：

<template>
  <div>
    <select ref="mySelect">
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
      <option value="option3">Option 3</option>
    </select>
    <button @click="getInitialValue">Get Initial Value</button>
  </div>
</template>

<script>
export default {
  methods: {
    getInitialValue() {
      const initialValue = this.$refs.mySelect.value;
      console.log(initialValue);
    }
  }
}
</script>

当点击按钮时，控制台将输出`select`元素的初始值。