对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>重点在类型一致上。