折雨的天空

新浪微薄腾讯微薄

最新碎语:最近霉到了住。哎。。。

您的位置:折雨的天空 >其他技术> el-select的数据回显问题,远程搜索的回显

el-select的数据回显问题,远程搜索的回显

对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的数据回显问题,远程搜索的回显

奖励一下

取消

分享不易,烦请有多多打赏,如您也困难,点击右边关闭即可!

扫码支持
扫码打赏,5元,10元,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

-秒后自动关闭,如已打赏,或者不愿打赏,请点击右上角关闭图标。

发表评论

路人甲 表情
看不清楚?点图切换