Vue开发实战四:Cascader 级联选择器的使用

文章目录

      • 1. 页面最终展示
      • 2.获取数据及组件选择
      • 3.组件引用及Demo实现
      • 4.调试数据适配组件
      • 5.配置组件属性适配数据
      • 6.组件数据获取

1. 页面最终展示

Vue开发实战四:Cascader 级联选择器的使用_第1张图片

按需求要求只能选择第三级的数据,并且数据不超过三级,点击了第三级列表自动增加一条数据

Vue开发实战四:Cascader 级联选择器的使用_第2张图片

之前做的类似的功能新增及列表功能如下:

你可能感兴趣的:(Vue,vue)