vue select change

<select @change="getjiaoSelected" name="" style="border: 1px solid #C7C7CC!important;" v-model="jiaoData.jiebanren">
<option :value="todo.id" v-for="todo in jiaoList">{{todo.nickname}}</option>
</select>

首先，先在template中添加以上代碼，（也可以@change="jiaojieSelected（$elem）"，）

jiaoList: [],

其次，在data里面定義循環數組

//created

this.getJiao()

//methods

//下拉框監聽事件
getJiao(e) {
//通過捕獲select中的value賦值給接班人信息
this.$http
.get('api/v1/erjibengfangmember')
.then(result => {
if(result.body.status === 200) {
this.Date = result.body.data
//遍歷獲取下拉框人員
this.Date.forEach((ele, index) => {
if(ele.nickname != global.identify.nickname) {
this.jiaoList = this.jiaoList.concat(ele)
}
})
}
})

},

然后，在method方法中寫個函數，在created中調用函數（因為created一進去頁面就開始渲染，主要渲染出下拉框的數組）

getjiaoSelected(e) {
            //監聽獲取選擇人員的ID
            this.jiaoList.forEach((item) => {
console.log(item.id)  //這是獲取下拉框中的id
console.log(item.id)  //這是獲取下拉框中的文本值
console.log(e.target)  //這是獲取selected的整個表達式
                //獲取到的value與獲取到的人員ID對比
                if(item.id == e.target.value) {
                    this.Idname = item.id
                }
            })
        }

最后，通過獲取到的下拉數組，與獲取到的selected對象對比ID，然后可以賦值，這是可以拿的到option的value值與文本值的