首页 > 其他分享 >VUE二级联动,改变一级下拉框,清空二级下拉框

VUE二级联动,改变一级下拉框,清空二级下拉框

时间:2024-08-13 09:52:06浏览次数:10  
标签:二级 VUE formData bmixForm 清空 下拉框

在清空二级下拉框时,直接使用this.formData.xxx = '' 会出现清空失败的问题。

使用this.$set(this.formData, 'xxx', '')解决

        <el-form-item label="所属地市" prop="blongId1">
          <el-select v-model="bmixForm.blongId1" placeholder="请选择所属地市" style="width: 300px" @change="getAreaList2">
            <el-option v-for="(item, index) in blongId1List" :key="index" :label="item.NAME"
                       :value="item.ID"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="所属分区" prop="blongId2">
          <el-select v-model="bmixForm.blongId2" placeholder="请选择所属分区" style="width: 300px">
            <el-option v-for="(item, index) in bmixFormBlongId2List" :key="index" :label="item.NAME"
                       :value="item.ID"></el-option>
          </el-select>
        </el-form-item>
    getAreaList2(){
      this.$set(this.bmixForm, 'blongId2', '')
      this.getAreaListByCity2(this.bmixForm.blongId1);
    }

  

标签:二级,VUE,formData,bmixForm,清空,下拉框
From: https://www.cnblogs.com/Neonuu/p/18356234

相关文章

  • vue3的defineAsyncComponent是如何实现异步组件的呢?
    前言在上一篇给我5分钟,保证教会你在vue3中动态加载远程组件文章中,我们通过defineAsyncComponent实现了动态加载远程组件。这篇文章我们将通过debug源码的方式来带你搞清楚defineAsyncComponent是如何实现异步组件的。注:本文使用的vue版本为3.4.19欧阳写了一本开源电子书vue3编......
  • uni-app和vue及微信小程序的异同
     uni-app和vue的区别1、目录不同 uni-app目录依赖原生小程序风格,比如分包的概念 vue中对不同的页面只需要在views文件夹中定义不同组件,然后配置路由跳转就行了,所有页面都是这样, 而uni-app只有底部导航栏对应的几个页面才能定义在pages文件夹下,其余的页面都需要定义在su......
  • 基于springboot+vue.js+uniapp的宠物健康顾问系统附带文章源码部署视频讲解等
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaits系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • 基于ssm+vue.js+uniapp的基于冲突动态监测算法的健身房预约系统附带文章和源代码部署
    文章目录前言详细视频演示具体实现截图技术栈后端框架SSM前端框架Vue持久层框架MyBaits系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • Java毕业设计 基于SSM vue在线教学质量评价系统
    Java毕业设计基于SSMvue在线教学质量评价系统SSMvue在线教学质量评价系统功能介绍前端学生首页图片轮播展示登录学生注册教师展示教师详情学生评价课程信息课程详情提交选修该课学生选课学生留言个人中心后台管理员管理员登录个人中心学生管理教......
  • 计算机毕业设计django+vue代驾服务【开题+论文+程序】
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着城市化进程的加速和汽车保有量的持续增长,代驾服务作为一种便捷、安全的出行方式,逐渐受到广大消费者的青睐。然而,传统的代驾服务模式往......
  • 计算机毕业设计django+vue民宿预定管理系统625l0【开题+论文+程序】
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着互联网技术的迅猛发展和旅游业的不断壮大,民宿作为旅游住宿的重要组成部分,其市场需求日益增加。然而,传统的民宿管理方式已难以满足日益......
  • 基于flask+vue框架的高校毕业生在线招聘系统[开题+论文+程序]-计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着高等教育的普及与就业市场的日益竞争激烈,高校毕业生面临着前所未有的求职挑战。传统招聘方式受限于时间、地域等因素,难以高效匹配企业......
  • 基于flask+vue框架的畅饮水站业务管理系统[开题+论文+程序]-计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着现代生活节奏的加快与健康意识的提升,便捷、高质量的饮用水服务成为了人们日常生活中不可或缺的一部分。畅饮水站作为社区及办公区域的......
  • vue3 设置动态 ref 并获取
    <template><el-tabsv-model="tabs.activeComp"type="border-card"class="ownCollections"@tab-change="tabsChange"><el-tab-panev-for="(item,key)intabs.components......