欢迎来到我的博客

vue数据回显问题

问题

使用vue遍历一个一级标题里面的二级标题,当添加操作执行成功后如果想要继续修改之前的信息于是乎就需要数据回显。
但是回显的数据一级标题和其他所有数据都没有问题,但是二级标题却显示的是在数据库中存储的id值,没有显示title。

解决

因为在写得逻辑是当选中一级标题时,查数据库将对应二级标题查出。
于是在初始化时可以再一次查数据库将查到的一级id和回显的一级id比较如果相同的话就遍历该一级标题的二级标题

逻辑如下:

                    //解决数据回显出现二级分类显示id问题
                    //1courseInfo基本信息包含一级和二级id
                    this.courseInfo = response.data.courseInfoVo
                    //2查询所有的分类,包含一级和二级(getSubjetList()就是查询一级二级标题的方法)
                    subject.getSubjectList()
                        .then(response => {
                            this.subjectOneList = response.data.list
                            //3把所有的一级分类数组进行遍历
                            for(var i=0;i<this.subjectOneList.length;i++){
                                //获取每一个一级分类
                                var oneSubject = this.subjectOneList[i]
                                //比较courseInfo里面一级分类id和所有的一级分类id
                                if(this.courseInfo.subjectParentId == oneSubject.id){
                                    //获取一级分类的二级分类id
                                    this.subjectTwoList = oneSubject.children
                                }
                            }
                        })
posted @ 2021-11-16 16:30  Sxq5359  阅读(98)  评论(0)    收藏  举报