首页 > 其他分享 >el-select change下拉获取对象

el-select change下拉获取对象

时间:2022-10-18 16:24:13浏览次数:43  
标签:el obj ruleForm select id change

      <el-select
            v-if="model"
            filterable
            class="w"
            v-model="ruleForm.allModelId"
            placeholder="请选择"
            @change="changeModel($event)"
          >
            <el-option
              v-for="item in model"
              :key="item.id"
              :label="item.modelName"
              :value="item.id"
            ></el-option>
          </el-select>
    changeModel(id) {
      let obj = {};
      obj = this.model.find((item) => {
        //model就是上面的数据源
        return item.id === id; //筛选出匹配数据
      });
      console.log(obj);
      this.ruleForm.allModelName = obj.modelName;
      this.ruleForm.allModelId = obj.id;
    },

 

标签:el,obj,ruleForm,select,id,change
From: https://www.cnblogs.com/dianzan/p/16802971.html

相关文章

  • Vue3 + elementplus 表单验证+上传图片+ 防止表单重复提交
    首先,上官网地址https://element.eleme.cn/#/zh-CN/component/form首先页面上面用了弹窗的形式,做完之后长这样,有全屏,关闭等按钮,上效果图和完整代码!!!!!   <!--点击......
  • 45、shell编程-函数
    函数function是由多个shell组成的语言块,实现代码重用和模块化编程,与shell类型,不同点为shell程序运行会单独开启进程,而函数不会开启进程,是在当前shell环境中运行,可影响当前sh......
  • Spring 5.0.3.RELEASE中的 Kotlin 语言等支持
    Spring5.0.3.RELEASE中的Kotlin语言支持​​​1.Kotlin​​​​Kotlin​​​是静态类型语言定位的JVM(以及其他平台),它允许写简洁而优雅的代码,同时提供很好​​的互操作......
  • selenium基础之3大等待
     隐性和显性区别为:在显性的EC条件模块中,在selenium3.X当中,每一个条件都是由类实现的,每个类都有2个方法,__init__,__call__在selenium4.X当中,每一个条件是由函数实现的......
  • selenium验证码处理-获取验证码图片二进流数据转成原图保存
    1.因为视频的作者给的代码不完整,只有核心部分的代码。2.视频作者示例使用的第三方破解12306的脚本网页(失效了)所以本人无法复现,此次截取部分代码作为理解核心意思(思想方法......
  • elementUI实现月、季度、年 时间选择框
    elementUI实现月、季度、年时间选择框 一、通过 el-date-picker组件来实现月、年的选择代码如下:<el-date-pickerv-if="dateType==='month'||dateType......
  • shell的流程控制语句
    shell的流程控制语句:选择判断循环shell的条件选择语句:ifif分为单分支、双分支和多分支单分支格式:if判断条件;then执行的操作fi例如:[root@CentOS7~......
  • electron在远程页面中调用自定义的confirm
    1.自定义confirm,使用elementui的默认弹出框,只用样式。<divtabindex="-1"role="dialog"aria-modal="true"aria-label="提示"class="el-message-box__wrapper"style="z-in......
  • Helm基础应用
    Kustomize的核心目标在于为管理的应用生成资源配置,而这些资源配置中定义了资源的期望状态,在具体实现上,它通过kustomization.yaml文件组合和(或)叠加多种不同来源的资源配置来......
  • UESTC 482 Charitable Exchange(优先队列+bfs)
    CharitableExchangeTimeLimit:4000/2000MS(Java/Others)   MemoryLimit:65535/65535KB(Java/Others)Submit StatusHaveyoueverheardastarcharityshow......