vue 获取select value和text的值方法

<select name="province" v-model="regionCollect.province" @change="getProvince" id="province">
       <option value="-1">请选择</option>
       <option :value="item.id" v-for="(item,index) in regionDate" :key="index" :data-code="item.name">{{item.name}}</option>
 </select>

js

getProvince(){
      this.regionInfo.province = province.options[province.selectedIndex].text
    }

id可以在方法中直接获取，但是不建议这样写，因为是以前的浏览器策略，建议这样写：

getProvince(){
      let province_ =  document.getElementById('province')
      this.regionInfo.province = province_.options[province_.selectedIndex].text
    },