Debug1: 关于Vue组件Cascader 级联选择器props属性绑定不显示数据问题的解决

最新推荐文章于 2024-06-12 16:44:45 发布

努力的石石石

最新推荐文章于 2024-06-12 16:44:45 发布

阅读量2.5k

点赞数

分类专栏：谷粒商城项目学习记录文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/stone1146753110/article/details/121723562

版权

谷粒商城项目学习记录专栏收录该内容

6 篇文章 1 订阅

订阅专栏

原因分析

vue版本更新后，对于级联选择器的使用方法变了

错误代码

<el-cascader
          placeholder="试试搜索：手机"
          v-model="dataForm.catelogPaths"
          :options="categorys"
          :props="props"
          filterable
        ></el-cascader>
 data() {
    return {
      props: {
        expandTrigger: "hover",
        value: "catId",
        label: "name",
        children: "childList",
      }
  }

显示数据成功代码

<el-cascader
          placeholder="试试搜索：手机"
          v-model="dataForm.catelogPaths"
          :options="categorys"
          :props="props"
          filterable
        ></el-cascader>
 data() {
    return {
      categorys: [],
      props: {
        expandTrigger: "hover",
        value: "catId",
        label: "name",
        children: "childList",
        checkStrictly: true,
      }
  }