el-select 多选数据回显id,需要回显label(数据类型对应上了还回显id)
背景分析:
使用 el-select 组件选择职位标签(职位标签数据来源为已选择职位类别下的职位标签);于是我使用了@focus事件获取当前职位类别下的职位标签。如下图:
js:
/*选择职位标签*/
checkPositionTag() {
let _this = this;
if (_this.positionForm.tag) {
let _param = {
pid: _this.positionForm.tag
};
ajaxPost(_param, 'api?operate=normal.job.industry_label', function (res) {
if (res.data) {
_this.tagList = res.data.child;
} else {
layer.msg("暂无标签可选");
}
});
} else {
layer.msg("请先选择职位类别");
}
}
数据回显的时候赋值给 positionForm.tag_label 即可。(数据类型一致,不一致时需要转为一致:同为number或者string类型)
正常情况下,以上步骤即可正确回显数据,但还是是回显了id。。。。。。。。。。。。。。。
在折腾了好几天之后,才突然想到要能回显中文才奇了怪了,唉呀妈呀
@focus事件是组件聚焦时才执行的事件,也就是说现在回显的只是后台返回的数组,虽然绑定了,没有拿到真正的接口数据之前这个回显的数据是没有和中文匹配起来的!!!!
于是乎:
判断是否有类别id,有的话马上获取对应的职位标签,,完美撒花。
本文来自博客园,作者:小虾米吖~,转载请注明原文链接:https://www.cnblogs.com/LindaBlog/p/16466302.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
2018-07-11 属性(property)的特性(attribute)
2018-07-11 数据属性和访问器属性
2018-07-11 json数组