el-select控制单选还是多选

php 复制代码
 <el-form :inline="true" :model="form" class="demo-form-inline">
    <el-form-item>
      <el-select v-model="form.properties_id" placeholder="请选择样品性质" clearable :multiple="multiple_properties"  @change="getData()" @focus="focus_properties()" style="width: 300px">
        <el-option v-for="item in sample_properties" :label="item.label" :value="item.value" :key="item.value"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item>
      <el-select v-model="form.place_id" placeholder="请选择品名" clearable :multiple="multiple_place" @change="getData()" @focus="focus_place()" style="width: 300px">
        <el-option v-for="item in place_data" :label="item.label" :value="item.value" :key="item.value"></el-option>
      </el-select>
    </el-form-item>
  </el-form>
javascript 复制代码
  form: {
    properties_id : [],
    place_id      : [],
  },
  multiple_properties: true,
  multiple_place: true,
javascript 复制代码
 //properties 获得焦点
 focus_properties(){
   var that = this
   that.form.properties_id = [];
   if(that.form.place_id.length > 1){
     that.multiple_place = true;
     that.multiple_properties = false;
   }
   else{
     that.multiple_properties = true;
     //that.multiple_place = true;
   }
 },
 //place 获得焦点
 focus_place(){
   var that = this
   that.form.place_id = [];
   if(that.form.properties_id.length > 1){
     that.multiple_place = false;
     that.multiple_properties = true;
   }
   else{
     //that.multiple_properties = true;
      that.multiple_place = true;
   }
 },
 getData(){
    var that = this
    //样品性质
    var properties_id = [];
    var properties_id_len = that.form.properties_id.length;
    if(properties_id_len == undefined){
      //此时会变成字符串
      var str = that.form.properties_id
      properties_id= JSON.parse("[" + str + "]");//变成数组形式
    }
    else{
      properties_id = that.form.properties_id;
    }
    //品名
    var place_id = [];
    var place_id_len = that.form.place_id.length;
    if(place_id_len == undefined){
      //此时会变成字符串
      var str = that.form.place_id
      place_id= JSON.parse("[" + str + "]");//变成数组形式
    }
    else{
      place_id = that.form.place_id;
    }

    if(properties_id.length == 0){
      properties_id = null;
    }
    if(place_id.length == 0){
      place_id = null;
    }

    $.ajax({
      url: "/admin/report/getDevetimeData",
      type: "GET",
      data : {
        properties_id : properties_id,
        place_id      : place_id,
      },
      dataType:'json',
      success: function (res) {
        if (res.code == 100) {
          that.data = res.data;
        }
      }
    });
  },
相关推荐
数据猎手小k8 分钟前
AndroidLab:一个系统化的Android代理框架,包含操作环境和可复现的基准测试,支持大型语言模型和多模态模型。
android·人工智能·机器学习·语言模型
你的小1044 分钟前
JavaWeb项目-----博客系统
android
风和先行1 小时前
adb 命令查看设备存储占用情况
android·adb
AaVictory.2 小时前
Android 开发 Java中 list实现 按照时间格式 yyyy-MM-dd HH:mm 顺序
android·java·list
似霰3 小时前
安卓智能指针sp、wp、RefBase浅析
android·c++·binder
大风起兮云飞扬丶3 小时前
Android——网络请求
android
干一行,爱一行3 小时前
android camera data -> surface 显示
android
断墨先生3 小时前
uniapp—android原生插件开发(3Android真机调试)
android·uni-app
无极程序员5 小时前
PHP常量
android·ide·android studio
萌面小侠Plus6 小时前
Android笔记(三十三):封装设备性能级别判断工具——低端机还是高端机
android·性能优化·kotlin·工具类·低端机