vue+element Cascader 级联选择器之动态加载下级选项

最新推荐文章于 2025-03-21 13:46:23 发布

weixin_43968963

最新推荐文章于 2025-03-21 13:46:23 发布

阅读量951

点赞数 2

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_43968963/article/details/118931600

版权

vue+element Cascader 级联选择器之动态加载下级选项
文档链接https://element.eleme.cn/#/zh-CN/component/cascader
需求描述：省和市后台出两个接口，前端界面一个输入框显示出来，如图：
在这里插入图片描述
代码在github master分支https://github.com/ysmyzly/cascader.git

先请求省的接口，然后使用 @active-item-change="handleItemChange"请求下一个列表的接口，使用$set更新视图

使用props来声明，html代码如下

<template>
  <div class="home">
    <el-cascader
      :disabled="viewDetails"
      v-model="sendAddress"
      :options="provenceArray"
      @active-item-change="handleItemChange"
      ref="myCascader"
      @change="onProvincesChange"
      :props=