el-select控制单选还是多选


multiple表示多选,:multiple-limit="1" 限制多选的条数为1,2就是选两个,依此类推。为0 就是不限制选几个
使用 allow-create 属性即可通过在输入框中输入文字来创建新的条目。注意此时 filterable 必须为真。

php 复制代码
  <el-form :inline="true" :model="form" class="demo-form-inline">
      <el-select v-model="form.properties_id" style="width: 300px" placeholder="请选择样品性质" filterable clearable multiple @change="getData()" :multiple-limit="limit_properties">
        <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" style="width: 300px" placeholder="请选择品名" filterable clearable multiple @change="getData()" :multiple-limit="limit_place">
        <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 复制代码
    data() {
      return {
        sample_properties:@json($sample_properties),
        place_data:@json($place_data),
        form: {
          properties_id : [],
          place_id      : [],
        },
        limit_properties : 0,
        limit_place : 0,
      }
    },

   methods: {
     getData(){
        var that = this
        if(that.form.properties_id.length>1 && that.form.place_id.length<=1)						
        {
          that.limit_properties= 0 //没限制
          that.limit_place= 1 //限制1条
        }
        if(that.form.place_id.length>1 && that.form.properties_id.length<=1)
        {
          that.limit_properties= 1
          that.limit_place= 0
        }
       if(that.form.place_id.length==1 && that.form.properties_id.length==1)
       {
          that.limit_properties= 0
          that.limit_place= 0
       }
       //......
     },
   },
相关推荐
catchadmin10 小时前
NativePHP v4 让 Blade 构建原生 iOS 与 Android 界面
android·ios·ai·php
Sagittarius_A*12 小时前
Burst Lab | PHP 审计 13|反序列化(三):POP 链构造与 Gadget Chain 分析
开发语言·web安全·php·代码审计·反序列化
蓝速科技12 小时前
蓝速科技丨新旧楼宇混杂场景下会议室预约门牌屏一体化改造方案
开发语言·科技·php
Sagittarius_A*15 小时前
Burst Lab | PHP 审计 14|反序列化(四):字符串逃逸与绕过技巧
开发语言·安全·php·web·反序列化
筱璦17 小时前
PHP+ VUE3机构级股票分仓管理交易系统源码可出
开发语言·php·vue3·量化·股票分仓
你怎么知道我是队长18 小时前
IPv6 地址完全解析:从结构到实战
开发语言·php
XR12345678818 小时前
工厂车间无线网络怎么选?AGV 与复杂环境是分水岭
开发语言·php
大鹏说大话18 小时前
API 设计之道:用 PHP 构建符合 RESTful 与 GraphQL 规范的高可用接口
php·restful·graphql
大黄说说19 小时前
类型安全时代:PHP 8+ 的联合类型、交集类型与泛型(模板)最佳实践
开发语言·安全·php
PHP实战开发录19 小时前
AI接口结构化输出解析异常排查记录
数据库·安全·ai·php·开发