code is as follows. The el-select, in the table is generally set in data after reading the online instructions (for example, risk_type is set to 0), but his initial value in my table is different, how to set this. Tried to set the select binding value to scope.row.risk_type, but the selected value of @ change could not be obtained
<el-table-column
prop="status" :formatter="showStatus"
label="">
</el-table-column>
<el-table-column
prop="risk_type"
label="">
<template slot-scope="scope" >
<el-select v-model="controlSetting.risk_type"
@change="orderEdit(scope.row.id)" v-if="scope.row.status==0" size="mini">
<el-option label="" value="0"></el-option>
<el-option label="" value="1"></el-option>
<el-option label="" value="2"></el-option>
</el-select>
<span v-if="scope.row.status!=0"></span>
</template>
</el-table-column>
data() {
return {
proData:[],
data:[],
count:0,
page:1,
controlSetting:{
risk_type: "",
id: ""
},
orderEdit:function(id){
var _this=this;
_this.controlSetting.id=id;
_this.axios.post(_this.global.httpUrl+"?r=order/update",_this.qs.stringify( _this.controlSetting))
.then(function (response) {
if(response.data.status=="SUCCESS"){
_this.data=response.data.results;
_this.$message.success("");
_this.allSearch();
}else{
_this.loginStatus(response.data.status,response.data.error_message);
}
})
.catch(function (error) {
console.log(error);
});
}