vue中select下拉框获取后台数据后只显示数值没有显示数值对应的下拉框
在vue框架中我们将数据获取到返回的数据
给this.form.courseId (该数据用select下拉框显示)
代码:
if (id && parseInt(id) !== 0) {this.formLoading = truecourseConsulationApi.select(id).then(re => {// this.form.courseId=this.form.titledictApi.dictListByCode1(re.response.courseType).then(re => {this.titleList = re.response})this.form = re.responseconsole.log(re.response.courseId)// this.form.courseId=Number(re.response.courseId)// this.form.courseId=String(re.response.courseId)console.log(re.response.courseId+"")if(this.form.releaseFlag === 2) {this.isEditShow = false}}).finally(() => {this.formLoading = false}) }
电脑显示结果
在下拉框中显示为获取的值
原因:
因数据类型问题 引起
this.form.courseId 获取的为number类型
方法1:
将re.response.courseId转化为string类型
将number类型转化为string类型即可
this.form.courseId=String(re.response.courseId)
显示结果
方法2:
后台返回的类型为Integer类型
如图
将后台的courseId的类型改为string类型也可解决问题