<el-form-item label=": " >
<el-select v-model="couponID" placeholder="">
<template v-for="(val, key, index) in couForm.couponData" >
<el-option :label="**val.name**" :value="**val.total**"></el-option>
</template>
</el-select>
</el-form-item>
<el-form-item label=": ">
<el-input v-model="couponID" disabled></el-input>
</el-form-item>
the select control selects a value and binds it to input. The problem is: label.name: val.total conflict, name is a string type, and as long as total is a numeric type, it will appear when select is selected, the drop-down is normal, but when it is checked into the box, the value is abnormal. For example, if "aa" is selected in the drop-down box, "bb" is displayed on the result box.
and if total chooses character data, everything will be fine.
adding value-key= "id" to select is invalid.