随笔 - 315  文章 - 1  评论 - 12  阅读 - 24万

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,有的话马上获取对应的职位标签,,完美撒花。

posted on   小虾米吖~  阅读(5191)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
历史上的今天:
2018-07-11 属性(property)的特性(attribute)
2018-07-11 数据属性和访问器属性
2018-07-11 json数组

点击右上角即可分享
微信分享提示