zoukankan      html  css  js  c++  java
  • element ui 下拉多选框使用总结

     由于项目需求,需要这么一个下拉多选框,萌新的我在使用过程中也是踩了一些坑,在此记录总结一下。

    <el-form-item class="el-for-item" label="所属应用" :label-width="formLabelWidth">
                            <el-select
                                class="el-input__diatext"
                                v-model="devform.applicationId"
                                multiple
                                collapse-tags
                                placeholder="请选择">
                                <el-option
                                v-for="item in applications"
                                :key="item.id"
                                :label="item.applicationName"
                                :value="item.id">
                                </el-option>
                            </el-select>
                        </el-form-item>

    1、取值时得到的是一个数组,如图:

    选中一个选项时:

    选中多个时:

    2、赋值时同样需要赋值一个数组,否则就会造成只有文本框有内容下拉时没选中,或者下拉选中文本框没内容情况。

    基础用法及属性参考地址:https://element.eleme.cn/#/zh-CN/component/select

    参考文档:https://blog.csdn.net/weixin_45616483/article/details/100587037

  • 相关阅读:
    Linux运维工程师需要掌握什么才能胜任工作呢
    我眼中的Linux系统和红帽RHCE认证
    Linux系统从零到高手的进阶心得
    我在大学毕业后学习Linux系统的心得经验
    装RAC跑脚本报错
    Oracle rac11g 安装报INS41112
    Oracle升级11.2.0.3-11.2.0.4(Windows)
    防存储掉线安装监控软件
    跨平台迁移数据库windows-Linux
    linux crontab -e生成日期格式
  • 原文地址:https://www.cnblogs.com/JoeYD/p/13666899.html
Copyright © 2011-2022 走看看