The select of element ui displays numbers

1. Problem display

insert image description here

2. View select raw data

insert image description here
可以看到id是整型的

3. View the data assigned to select

insert image description here
可以看到id是字符串,问题就在于这里,1 != '1' ,所以解决方法很简单,让他们一致,可以让后端把数据弄成整型的,或者让前端把数据弄成字符串

4. Choose to modify the front-end code here

//修改前
<el-option
  v-for="(item,index) in platformData"
  :key="index"
  :label="item.platform_name"
  :value="item.id"
/>
//修改后,在value后面加 + ''
<el-option
  v-for="(item,index) in platformData"
  :key="index"
  :label="item.platform_name"
  :value="item.id + ''"
/>

5. After changing the effect

insert image description here

Guess you like

Origin blog.csdn.net/LuoHuaX/article/details/127492726
Recommended