elementUI实现省级联动

谁借莪１个温暖的怀抱￠ 2023-07-17 02:58 10阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F1aG9uZ3FpYW5n_size_16_color_FFFFFF_t_70]

<div class="block">
              <span class="demonstration">现居住地：</span>
              <el-cascader v-model="valueCity" :props="{value: 'label',label:'label'}" :options="optionsData">
              </el-cascader>
              <el-input v-model="yform.now_address" placeholder="请输入详细地址" style="width: 220px;"></el-input>
            </div>

链接：[https://pan.baidu.com/s/1h\_11ihWmvYVh57tXlFCVoA][https_pan.baidu.com_s_1h_11ihWmvYVh57tXlFCVoA]  
提取码：3na3  
复制这段内容后打开百度网盘手机App，操作更方便哦  
js 文件地址

import optionsData from "@/utils/optionCity.js"
    
    data() { 
    return { 
    optionsData: optionsData
    }
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F1aG9uZ3FpYW5n_size_16_color_FFFFFF_t_70]: /images/20230528/ffa68a3ed6fa4a8086948481ed99e80e.png
[https_pan.baidu.com_s_1h_11ihWmvYVh57tXlFCVoA]: https://pan.baidu.com/s/1h_11ihWmvYVh57tXlFCVoA

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关省级联动处理回显问题

问题：省市区三级联动，只有俩级联动，页面刷新，数据回显失效解决方案：源码，可以发现只需要传入Object数据即可，如：this.$refs.xxx.panel.l

曾经终败给现在/ 2024年03月26日 10:34/ 0 赞/ 74 阅读

相关 ElementUI数据联动计算并实现数据校验

实现效果： ![Image 1][]![70][] 实现代码：显示： <el-form-item label="最大可退金额:" v-if="refF

小灰灰/ 2023年10月18日 09:22/ 0 赞/ 47 阅读

相关 elementUI实现省级联动

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

谁借莪１个温暖的怀抱￠/ 2023年07月17日 02:58/ 0 赞/ 11 阅读

相关 elementui+vue实现菜单导航跟main区域的tabs联动效果

elementui+vue实现菜单导航跟main区域的tabs联动效果文章目录 1.前言 2.实现效果 3.解决过程 4.具体代码 1.前

浅浅的花香味﹌/ 2022年12月18日 10:53/ 0 赞/ 381 阅读

相关使用 Vue+ElementUi 实现省市联动效果

省市联动效果简单描述：在选择省之后，我们可以选择其省对应的市，当没有选择省的时候，市级下拉为无数据。并且在这里将省市对应的id作为本质要存储到数据库当中的数据。 ![在这里

﹏ヽ暗。殇╰゛Y/ 2022年11月02日 13:25/ 0 赞/ 324 阅读

相关 vue elementui 树形权限勾选父级半联动

角色添加 <label>权限</label> <el-checkbox v-model="checkAll" @change="handleCheckAll

你的名字/ 2022年09月11日 13:28/ 0 赞/ 10 阅读

相关 ElementUi 表单联动延迟加载问题

现象：在ElementUi中我们建立一个表单，然后给表单绑定了属性data,然后依次从data对象中取值和表单中的各控件进行绑定；然后当表单中的A下拉框的值变更后，我需

淡淡的烟草味﹌/ 2022年09月11日 08:16/ 0 赞/ 253 阅读

相关 layui实现二级联动

使用layui的时候使用js的时候就要注意了很有可能这个时候js的很多事件都不好使了 ![70][] ![70 1][] ![70 2][]

灰太狼/ 2022年05月28日 04:22/ 0 赞/ 229 阅读

相关 java--ajax技术和json的介绍及应用（自动补全、省级联动）

Ajax的定义 ajax是多种技术的统称，它向服务器发送请求的一种手段，但发送请求时不会导致页面刷新或跳转。 > a - asynchronous - 可以通过 xhr

一时失言乱红尘/ 2022年03月25日 14:22/ 0 赞/ 75 阅读

相关 ElementUI 添加查询删除及三级地址联动例程

1、使用Vue Cli创建VUE项目 vue create myvue 2、添加vue-router,element-ui,axios类库 npm install

àì夳堔傛蜴生んèń/ 2021年10月23日 21:48/ 0 赞/ 313 阅读