今天在对接口时发现保存时要传给后端到的数据不完整,尤其在el-select时会默认选中围栏的列表,下拉选择时通过el-option绑定选中的id值,显示的是name,一旦el-select触发时,需要获取到name,这里对el-select绑定change事件,一旦触发,返回目前的选中值,可同时获取到index,对数据处理,一直在这里没想通。
触发时应这样写:
<div v-for="(item,index) in itemList">
<el-select v-model="item.value" @change="((val)=>{changeStatus(val, index)})">
</el-select>
</div>
这样写是无效的:
@change="changeStatus(val, index)"
比如我的el-select绑定的是id(通过v-model绑定,可获取到el-option选中的id,如果同时想获取到对应的name怎么办?就可以用这个change方法来处理得到name值)