vue中使用原生select,并且获取option的值

<div style="width:60px;height:100%;text-align:center;position:relative;z-index:10">
      <select name="action" style="width:67px;height:100%;outline:none;border:none;position:absolute;left:-3px" v-model="chosedOptinOne" @change="chosedDistrictAndCountyTwoChart">
         <option  :value="i.id" v-for="i in firstSelectOption" :key="i.id">{{i.name}}</option>
     </select>
</div>

在select中，通过v-model绑定一个值。然后在select中注册一个点击事件。

chosedDistrictAndCountyTwoChart(){ // 区县下面点击下拉的操作
    console.log(this.chosedOptinOne); // 打印的结果就是，我们选中的option里面的value值
      this.getTop({   // 调用获取数据的方法
                type: this.chosedOptinOne
          });
 },

这样，当我们点击下拉选项时，获取我们在select中绑定的值，就可以获取到点击的值（这里需要注意，获取的值是，我们在option中的value的值，因此我们需要在option中设置value值）