折雨的天空
el-select的数据回显问题,远程搜索的回显
2022-3-31 我好笨


对vue不怎么熟悉,之前都是生成的模板el-select的回显没有出现问题。



但是在一个页面,使用了ajax搜索结果作为select的值以后,且格式化了要显示的内容,回显就出现问题了



网上搜了一下解决方案,加那个cacheoption的问题,在我这里无效。







后来,经过朋友指点,双向绑定的值,需要类型一致。把结果打出来一下,果然类型不一致。一个是字符串,一个是整型。



<el-form-item label="所属数据集" prop="dataset_code" style="width:100%">
<el-select v-model="form.dataset_code" clearable filterable placeholder="请选择数据集"
@change="hanldeChangeModule" style="width:100%">
<el-option :label="item.name" :value="item.id" v-for="(item, index) in dataset"
:key="index">
<span style="float: left">{{ item.name }}</span>
<span
style="float: right; color: #8492a6; font-size: 13px">{{ item.inner_code }}</span>
</el-option>
</el-select>
</el-form-item>



重点在类型一致上。

发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容