關于el-select值的回顯問題 : 框內顯示label值還是value值

 <el-form-item label="狀態" prop=""><el-selectv-model="roleForm.state"class="m-2"size="large"style="width: 240px"placeholder="請選擇狀態"value-key="value"//value-key 與下面的key保持一致，且必須是value對象中的一個屬性><el-optionv-for="sub in stateList":key="sub.value" //value-key 與下面的key保持一致，且必須是value對象中的一個屬性:label="sub.label":value="sub.value"/></el-select></el-form-item></el-form><script setup>
const stateList=ref([{label:'駁回',value:'-1'},{label:'待審核',value:'0'},{label:'正常',value:'1'},{label:'禁用',value:'2'}]
);//角色列表</script>

在這里插入圖片描述
如何修改

 <el-form-item label="狀態" prop=""><el-selectv-model="roleForm.state"class="m-2"size="large"style="width: 240px"placeholder="請選擇狀態"value-key="value"><el-optionv-for="sub in stateList":key="sub.value":label="sub.label":value="sub.value*1";//value需要時數字類型/></el-select></el-form-item></el-form><script setup>
const stateList=ref([{label:'駁回',value:'-1'},{label:'待審核',value:'0'},{label:'正常',value:'1'},{label:'禁用',value:'2'}]
);//角色列表

在這里插入圖片描述

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/697750.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/697750.shtml
英文地址，請注明出處：http://en.pswp.cn/news/697750.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！