element-ui 中el-select 嵌套 tree树形控件 实例_清风细雨_林木木的博客-程序员信息网_element中el-option 放tree样式问题

技术标签: 前端  javascript  

参考:https://www.jianshu.com/p/52c540cdb586

<el-select class="form-input" v-model="checkedName" filterable>
    <el-option
            style="height: auto;" // 备注:这里设置auto解决option没有自动撑高问题
            :value="checked">
        <el-tree
                :data="addParentCodeList"
                default-expand-all
                show-checkbox
                check-strictly
                :expand-on-click-node="false"
                ref="treeForm"
                node-key="code"
                @check-change="handleClick"
                @node-click="handleNodeClick"
                :props="props">
        </el-tree>
    </el-option>
</el-select>

option展开高度太小,把height设置为auto就好啦

备注:这里还有一个小BUG那就是点击option会触发选中。
解决的办法很简单,首先禁止option选中,然后强制下拉类下面的子样式都显示小手。

在这里插入图片描述
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_35773751/article/details/108444823

智能推荐

Ansible批量下发文件、批量执行命令_尤达c的博客-程序员信息网_ansible批量下发

什么上库AnsibleAnsible是2013年推出的一款IT自劢化和DevOps软件,目前由Redhat已签署Ansible收购协议。其是基亍Python研发,糅合了很多老运维工具的优点实现了批量操作系统配置,批量程序的部署,批量运行命令等功能ansible可以让我们实现:自劢化部署APP自劢化管理配置项自劢化的持续交付自劢化的(AWS)于服务管理为什么要选择ansible• ansible优点是仅需要ssh和Python即可使用无客户端ansible功能强大,模块丰富上手容_1671465600

38Khz红外遥控发射_gmdjmawy的博客-程序员信息网_38khz红外发射电路

http://blog.sina.com.cn/s/blog_4ca9659e0101i9nn.html红外发射、接收头(红外基础知识)目前市售红外一体化接收头有两种:电平型和脉冲型,绝大部分的都是脉冲型的,电平型的很少。 电平型的,接收连续的38K信号,可以输出连续的低电平,时间可以无限长。其内部放大及脉冲整形是直接耦合的,所以能够接收及输出连续的信号。 脉冲型的,只能接收间

狮猫拼狗之下,字节跳动的电商之路不好走_何玺的博客-程序员信息网

近日,字节跳动在电商领域的新动态又成了业内热议的话题。字节跳动被曝将进入电商赛道日前有媒体报道称字节跳动正在开发新的电商APP。据称,这款新的APP在经营方式和品类上很可能对标网易严选。原因有两点,一是它以自营为主,不再向头条系以往的做法,主要为第三方电商平台做导流。二是在品类方面与网易严选类似,都是以工厂直销的个性化商品为主。不过,字节跳动方面很快就对此进行了否认。官方回复称,新APP不存...

rk3399添加EC25E/EC20...模组_linux_qian的博客-程序员信息网_ec20 ipv6

搞来搞去搞了很久,差点放弃走人的时候,发现竟然是这点事。。。辛酸史如下:android6.01-----kernel4.4.36-----编译环境ubuntu16.04一、kernel driver内核有4种驱动方式,usb serial、CDC ACM、Gobinet、QMI WWAN,本文选用的是usb serial和QMI WWAN两种驱动。1.usb serial...

oracle job如何执行存储过程,使用Oracle job定时执行存储过程_时维教育顾老师的博客-程序员信息网

Oracle job允许我们定制任务的执行时间,并提供了灵活的处理方式,还可以通过配置,安排任务在系统用户访问量少的时段内执行,极大地提高了工作效率。例如,对于数据库日常的备份、更新、删除和复制等耗时长、重复性强的工作,我们就可以利用Oracle job去自动执行以减少工作量。 本文以一个问题来介绍这一功能的使用。问题:假设有一个存储过程p_test,如何才能每20分钟执行一次?解答:1、把ini...

分布式:程序员和架构师的分水岭_LiangGzone的博客-程序员信息网

微服务因其高内聚、低耦合、高扩展、敏捷开发为很多企业所用,当然,没有任何一项技术是完美的。系统微服务化后,一个看似简单的功能,内部可能需要调用多个服务并操作多个数据库实现。毫不夸张地说,...

随便推点

Unity UGUI——Text组件(Paragraph)_Mr_AHao的博客-程序员信息网

Alignment、Horizontal Overflow、Vertical Overflow、Best Fit

QT人机交互设计实现C++,为自己的应用程序添加标题和菜单,并能通过菜单响应自己的函数完成一定的任务,用户可利用键盘、鼠标控制程序运行.利用connect函数、计时器等。_Super毛毛穗的博客-程序员信息网

mainwindow.hprotected: void paintEvent(QPaintEvent*e); void mousePressEvent(QMouseEvent *event);private: int m_i ; QTimer*m_pTimer ; Ui::MainWindow *ui;private slots: void Fun1();mainwindow.cpp#include "mainwindow...

C++中静态成员函数访问成员变量问题_转瞬之间的博客-程序员信息网_c++成员函数如何访问成员变量

C++会区分两种类型的成员函数:静态成员函数和非静态成员函数。这两者之间的一个重大区别是,静态成员函数不接受隐含的this自变量。所以,它就无法访问自己类的非静态成员。 网络上有很多关于解决静态成员函数访问普通成员变量的方法,总结如下: 方法一:声明类的所有数据成员都是静态的。运用这种方式的话,静态的成员函数就能够直接地访问它们,例如:方法二:传入对象参照信息: 

Arduino 与28BYJ-48步进电机握手_2345VOR的博客-程序员信息网_arduino控制28byj48步进电机

1. 步进电机是一种将电脉冲转化为角位移的执行机构。 当步进驱动器接收到一个脉冲信号,它就驱动步进电机按设定的方向转动一个步进角。 2. 您可以通过控制脉冲个数来控制角位移量,从而达到准确定位的目的。 同时您可以通过控制脉冲频率来控制电机转动的速度和加速度,从而达到调速的目的。 3. 28BYJ-48步进电机多用于雕刻机、3D打印机等需要精确控制的设备。本篇使用ULN2003驱动五线四相减速步进电机。

微信小程序之获取用户信息(流程+2种方法)_Q❀的博客-程序员信息网_微信小程序获取用户信息

获取流程图ui库Vant Weapp:Vant Weapp地址(点击跳转)第一种方法适用于直接点击登录获取在界面添加登录按钮,用户点击按钮调用wx.getUserProfile()函数来提示用户授权登录,授权成功后,把用户头像数据和名称数据保存到缓存区里,并且改变全局变量的值点击登录后![在这里插入图片描述](https://img-blog.csdnimg.cn/04527d080f14473d85a24ec732546458.png登录成功后跳转到首页 &lt;van-but

什么是 反向代理_小洁子_2009的博客-程序员信息网_反向代理

什么是 反向代理一、反向代理的定义理解思路:无代理–&gt;正向代理–&gt;反向代理【无代理】与有代理区别为:主要表现:过滤不同、映射不同、权限不同。【过滤】使用代理,可以对外界或内部的Internet地址进行过滤。【映射】使用代理,多个用户使用代理访问外界时,只映射为一个IP地址。【权限】使用代理,外界不能直接访问到内部网,同时限制内部网对外部的访问权限。无代理,无以上特征。 【正向代理】:(内部网络用户向外网发送请求)正向代理即通常所说的代理,用于代表内部网络用户向Intern

推荐文章

热门文章

相关标签