位置: IT常识 - 正文

自定义修改el-talbe show-overflow-tooltip的样式(自定义修改器)

编辑:rootadmin
自定义修改el-talbe show-overflow-tooltip的样式

推荐整理分享自定义修改el-talbe show-overflow-tooltip的样式(自定义修改器),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:自定义修改qq在线状态网站,自定义修改图片尺寸,自定义修改QQ机型,qq音乐歌单顺序怎么自定义修改,自定义修改手机型号下载,自定义修改图片尺寸,自定义修改QQ机型,自定义修改QQ机型,内容如对您有帮助,希望把文章链接给更多的朋友!

el-table表格行有一个可使用的show-overflow-tooltip属性,它接受一个Boolean,为true时多余的内容会在 hover 时以 tooltip 的形式显示出来。

<el-table-column prop="address" label="地址" show-overflow-tooltip> </el-table-column>

当文字过多时它会显示一长行,非常不美观。

自定义修改el-talbe show-overflow-tooltip的样式(自定义修改器)

当然,你可以添加一个样式修改它的宽度。

.el-tooltip__popper{ max-width:50% }

但是如果你写在style lang=“scss” scoped里面它不会生效,如果新写一个style标签在里面写样式又会造成全局样式污染,网上找了好多也没看见好的解决办法。

在查看el-table文档时发现有一个tooltip-effect属性,它有两个可选值dark/light,可以简单的修改它的主题色。

<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">

如果加上这个属性,tooltip会有一个is-dark/is-light的样式名,但是这个样式是它本来就有的,即使不加tooltip-effect它也会有默认的is-dark,所以它也是一个全局样式名,这样仍然没办法解决上面提到的问题。 无奈准备放弃,用其它的比如popover或者tooltip插槽来写时突然灵光一闪,如果我不使用那两个可选值dark/light,自己写一个呢,有趣的事发生了,它的is-dark/is-light变成了我传入的值is-myTooltips

tooltip-effect="myTooltips"

这样我们就得到了一个自定义样式,虽然没了它的基础样式,但你可以在自定义样式上面想改成什么样都可以。

<style lang="scss">.is-myClassifyTooltip{ // 你想要的样式 要写一些背景色啊盒阴影啥的 }</style>

而后我又试着传入了

tooltip-effect="dark myTooltips"

有趣的事发生了,它不仅有了is-dark这个基础样式,还拥有了一个自定义样式名。这个就有点类似于popper-class的味道了。 最后就变得更简单了,直接在style里面用自定义的样式名写你想要的样式。

<style lang="scss">.myTooltips{ // 你想要的样式 }</style>
本文链接地址:https://www.jiuchutong.com/zhishi/283958.html 转载请保留说明!

上一篇:小米路由器2代1T版本 PC端使用远程下载的详细方法(小米路由器2代改8t)

下一篇:畅玩7C怎么截屏(荣耀畅玩7怎么截长图)

  • 哔哩哔哩支持使用qq登录吗(哔哩哔哩key)

    哔哩哔哩支持使用qq登录吗(哔哩哔哩key)

  • 华为nova4相机怎么开广角(华为nova4相机怎么设置才好看)

    华为nova4相机怎么开广角(华为nova4相机怎么设置才好看)

  • ps显示程序错误是什么原因(ps显示程序错误关不了)

    ps显示程序错误是什么原因(ps显示程序错误关不了)

  • 华为手机有一个白色的圆圈怎么办(华为手机有一个小房子怎么关闭)

    华为手机有一个白色的圆圈怎么办(华为手机有一个小房子怎么关闭)

  • 苹果x是双扬声器嘛(苹果x双扬声器在哪里)

    苹果x是双扬声器嘛(苹果x双扬声器在哪里)

  • 微信什么叫登录环境存在异常(微信登录是什么意思?注册又是什么意思?)

    微信什么叫登录环境存在异常(微信登录是什么意思?注册又是什么意思?)

  • 硬盘电源线四根线作用(硬盘电源线四根线怎么接)

    硬盘电源线四根线作用(硬盘电源线四根线怎么接)

  • 手机上可以分享屏幕吗(手机上可以分享的软件)

    手机上可以分享屏幕吗(手机上可以分享的软件)

  • 电脑外壳划痕怎么处理(电脑外壳划痕怎么去掉)

    电脑外壳划痕怎么处理(电脑外壳划痕怎么去掉)

  • 苹果手机频繁跳出中国移动(苹果手机频繁跳出欢迎使用中国移动)

    苹果手机频繁跳出中国移动(苹果手机频繁跳出欢迎使用中国移动)

  • ie浏览器兼容模式怎么调(ie浏览器兼容模式怎么开)

    ie浏览器兼容模式怎么调(ie浏览器兼容模式怎么开)

  • 苹果11来电怎么不显示名字(苹果11来电怎么不显示归属地)

    苹果11来电怎么不显示名字(苹果11来电怎么不显示归属地)

  • 麒麟935相当于骁龙什么(麒麟935处理器相当于高通多少?)

    麒麟935相当于骁龙什么(麒麟935处理器相当于高通多少?)

  • 苹果手机里面的视频播放不了怎么回事(苹果手机里面的照片怎么变模糊了)

    苹果手机里面的视频播放不了怎么回事(苹果手机里面的照片怎么变模糊了)

  • 苹果xr喇叭为什么一边有声音一边没有(为什么苹果xr喇叭会有滋滋的声音呢)

    苹果xr喇叭为什么一边有声音一边没有(为什么苹果xr喇叭会有滋滋的声音呢)

  • 无互联网连接是啥意思(无互联网连接是哪出问题)

    无互联网连接是啥意思(无互联网连接是哪出问题)

  • 苹果x录屏功能怎么打开(苹果x录屏功能在哪里)

    苹果x录屏功能怎么打开(苹果x录屏功能在哪里)

  • 电脑微信怎么用摄像头(电脑微信怎么用小程序)

    电脑微信怎么用摄像头(电脑微信怎么用小程序)

  • 苹果自带文件app怎么用(苹果自带文件app怎么恢复)

    苹果自带文件app怎么用(苹果自带文件app怎么恢复)

  • 苹果11怎么设置指纹解锁(苹果11怎么设置动态壁纸)

    苹果11怎么设置指纹解锁(苹果11怎么设置动态壁纸)

  • 闲聊收款码如何生成(闲聊收款码如何注销账号)

    闲聊收款码如何生成(闲聊收款码如何注销账号)

  • ios13正式版怎么更新(ios 13.6怎样)

    ios13正式版怎么更新(ios 13.6怎样)

  • 苹果x最高支持多少w(苹果x最高支持多少瓦充电)

    苹果x最高支持多少w(苹果x最高支持多少瓦充电)

  • 系统处于免提通话状态怎么解决(系统处于免提状态怎么解决)

    系统处于免提通话状态怎么解决(系统处于免提状态怎么解决)

  • 手机pac网址怎么填(手机wifipac网址怎么填)

    手机pac网址怎么填(手机wifipac网址怎么填)

  • win10锁屏壁纸保存位置介绍(window10 锁屏壁纸)

    win10锁屏壁纸保存位置介绍(window10 锁屏壁纸)

  • 进项税认证后转出
  • 如何办理车辆购置置换补贴手续
  • 工资储备金制度
  • 国际反避税措施
  • 金税四期对纳税的影响
  • 2020小规模纳税人增值税税率
  • 个体工商户报税一年几次
  • 个税返还需要缴纳所得税吗
  • 民非企业增值税减免账务处理
  • 公司团建取得的进项发票可以抵扣增值税吗
  • 现金流量科目怎么选择
  • 流动比率与速动比率之差等于现金比率
  • 农产品收购发票开错了
  • 个体户到税务局开普票需要什么手续
  • 安装工程发票怎么开
  • 防伪税控开票系统SOAP服务端
  • 附加税城建税税率
  • 预付款和现金支付的区别
  • 外派人员补助标准
  • 劳务人员奖金如何纳税
  • 财务费用属于什么会计科目类别
  • 运输发票车种车号要求 自有车
  • 施工成本科目
  • 飞机票的保险费可以退吗
  • Yii2使用驼峰命名的形式访问控制器的示例代码
  • Qq浏览器里的文档怎么以文件形式发送
  • 购货返利怎么做账
  • vue引入mui
  • 三元运算符判断闰年php
  • php extract函数
  • 企业年金缴纳标准400什么意思啊
  • 利润增减幅度
  • php 访问数据库
  • yii2中dropDownList实现二级和三级联动写法
  • 销售材料账务处理
  • 筹资活动产生的现金流量净额为正说明什么
  • 微信小程序详细教程
  • 【AI大比拼】文心一言 VS ChatGPT-4
  • 税务维护费抵扣分录
  • mysql好在哪里
  • 其他应收款可以直接平账吗
  • 小额收据报销
  • 会计核算形式的设计具体内容包括
  • 存货资产评估方法
  • 不抵扣进项税额转出怎么做分录处理
  • 如何核算购进商品
  • 补缴以前年度企业所得税如何做账
  • 公司给员工转公司
  • 土地出让金如何核算
  • 电信线路租用费用
  • mysql 5.7 8.0
  • 内连接 sql
  • 新一代win10
  • linux限制用户登录
  • explorer.exe进程文件
  • win10联想笔记本还原系统
  • windows8使用教程
  • linux怎么查网络走向
  • nfs网络安装
  • linux ping命令的用法
  • win8显示wifi关怎么办
  • 安装ghost win7
  • cocos2dx schedule
  • nodejs formidable
  • ping命令详解步骤
  • jquery插件大全
  • 置顶聊天的人怎么不见了
  • javascript ie
  • cs1-u和cs1-f的区别
  • 简单的横向棱纹魔杖
  • 在javascript中如果不指明对象直接调用
  • js 右键
  • jquery foreach循环
  • javascript学习指南
  • android synchronized
  • 电力行业增值税管理办法
  • 税务局稽查科是干什么的工作
  • 税务暂停办理业务通知
  • 物业公司收取物业费要交税吗
  • 什么是党建工作一体化
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设