对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>
重点在类型一致上。
------------正 文 已 结 束, 感 谢 您 的 阅 读 (折雨的天空)--------------------
转载请注明本文标题和链接:《el-select的数据回显问题,远程搜索的回显》
发表评论