vue 行政区tree下拉展示

最新推荐文章于 2023-12-11 09:15:15 发布

qq_26629221

最新推荐文章于 2023-12-11 09:15:15 发布

阅读量285

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/qq_26629221/article/details/119003249

版权

本文详细介绍了如何在Vue项目中创建一个行政区划的树形下拉选择组件，包括数据结构设计、递归组件的使用以及如何实现点击选择和搜索过滤功能。

摘要由CSDN通过智能技术生成

<el-form-item prop="xmszd" :rules="[{ required: true, message: ''}]">
                  <!--<el-input type="text" v-model="entity.xmszd" :disabled="disabled"
                            size="mini" maxlength="200"></el-input>-->
                  <el-cascader
                    ref="myCascader"
                    size="medium"
                    :placeholder=placeXzqName
                    :options="provinceList"
                    :show-all-levels="false"
                    v-model="selectedOptions"
                    @active-item-change="handleItemChange"
                    :props="props"
                    @change="handleChange"
                    clearable
                  ></el-cascader>
                </el-form-item>
data(){
    return{
props: { // 配置选项
          children: 'children',
          label: 'text',
          value: 'id