yfxycjtf 2021-10-26 22:38 采纳率: 100%
浏览 565
已结题

vue + elementUi 级联选择器,数据有两级,第二级显示空白

按照传智黑马的教程写的vue项目

img

使用elementUi级联选择器显示两级列表

 <el-cascader
            :options="parentCatlist"
            :props="cascaderProps"
            v-model="selectedKeys"
            @change="parentCatChange"
          ></el-cascader>

data

 parentCatlist: [],
      cascaderProps: {
        expandTrigger: 'hover',
        value: 'cat_id',
        label: 'cat_name',
        children: 'children'
      },
selectedKeys: []

methods



async getParentCatList() {
      const { data: res } = await this.$axios.get('categories', { params: { type: 2 } })
      if (res.meta.status !== 200) return this.$message.error('获取父级分类的失败')
      this.parentCatlist = res.data
    },

然后显示效果就像上面图里一样,第二级是白色的
如果删掉从后台获取数据然后 this.parentCatlist = res.data 这一步
然后在parentCatlist里面写死数据的话就能正常显示

这是哪里出了问题呢?

  • 写回答

3条回答 默认 最新

  • 技术专家团-剑客 2021-10-27 10:02
    关注

    很明显后端返回的数据格式和你写死的数据格式不同。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 10月28日
  • 已采纳回答 10月27日
  • 创建了问题 10月26日

悬赏问题

  • ¥15 微信购物商城购物车的所有功能以及购物车,和首页的搜索功能
  • ¥40 servlet的web程序部署出错
  • ¥50 activiti 新建流程系列问题
  • ¥50 为什么我版本升级之后运行速度变慢5倍??
  • ¥15 如何在gazebo中加载机械臂和机械手
  • ¥15 纯运放实现隔离采样方案设计
  • ¥20 easyconnect无法连接后缀带.com的网站,一直显示找不到服务器ip地址,但是带有数字的网站又是可以连接上的,如何解决
  • ¥15 电脑开机过商标后就直接这样,求解各位
  • ¥15 mysql , 用自己创建的本地主机和用户名 登录不上
  • ¥15 关于#web项目#的问题,请各位专家解答!