位置: 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怎么截长图)

  • xlsx怎么改成xls(xlsx怎么改成xlsx)

    xlsx怎么改成xls(xlsx怎么改成xlsx)

  • 华为freebuds3能两个手机一起用吗(华为freebuds3可以配对几个手机)

    华为freebuds3能两个手机一起用吗(华为freebuds3可以配对几个手机)

  • 微信能发多长的视频朋友圈(微信能发多长的文字)

    微信能发多长的视频朋友圈(微信能发多长的文字)

  • 每次复制身份证号的时候总会变成+E

    每次复制身份证号的时候总会变成+E

  • 微视小圈圈怎么不转了(微视右上角没有小圆圈)

    微视小圈圈怎么不转了(微视右上角没有小圆圈)

  • mdz19aa是小米盒子几(小米盒mdz09aa是小米几)

    mdz19aa是小米盒子几(小米盒mdz09aa是小米几)

  • 苹果手机显示无法下载app怎么办(苹果手机显示无服务是哪里坏了)

    苹果手机显示无法下载app怎么办(苹果手机显示无服务是哪里坏了)

  • 键盘上句号是哪一个键(键盘上的句号是哪个键)

    键盘上句号是哪一个键(键盘上的句号是哪个键)

  • oled屏幕黑点会扩散吗(oled屏幕黑点会修复吗)

    oled屏幕黑点会扩散吗(oled屏幕黑点会修复吗)

  • 华为p30忘记手机锁屏密码怎么办(华为p30忘记手机分身密码咋办)

    华为p30忘记手机锁屏密码怎么办(华为p30忘记手机分身密码咋办)

  • iphone删除照片icloud还有么(iPhone删除照片iPad会一起删除吗)

    iphone删除照片icloud还有么(iPhone删除照片iPad会一起删除吗)

  • ipv4和ipv6显示未连接(ipv4和ipv6显示未连接怎么解决)

    ipv4和ipv6显示未连接(ipv4和ipv6显示未连接怎么解决)

  • 微信正在输入为什么有的人没有(微信正在输入为什么关不掉)

    微信正在输入为什么有的人没有(微信正在输入为什么关不掉)

  • 滴滴打车怎么修改目的地(滴滴打车怎么修改支付方式)

    滴滴打车怎么修改目的地(滴滴打车怎么修改支付方式)

  • ios13迅雷闪退(iphone迅雷闪退)

    ios13迅雷闪退(iphone迅雷闪退)

  • 荣耀20的指纹解锁在哪(荣耀20指纹解锁坏了)

    荣耀20的指纹解锁在哪(荣耀20指纹解锁坏了)

  • 苹果语音备忘录改名字(苹果语音备忘录删除了可以恢复吗)

    苹果语音备忘录改名字(苹果语音备忘录删除了可以恢复吗)

  • 华为市场为什么没有网易云(华为市场为什么没有节奏大师)

    华为市场为什么没有网易云(华为市场为什么没有节奏大师)

  • 三星s9图标大小调节(三星s9怎么把图标放大)

    三星s9图标大小调节(三星s9怎么把图标放大)

  • 小米手环3荣耀手环4怎么对比(小米手环荣耀手机能用吗)

    小米手环3荣耀手环4怎么对比(小米手环荣耀手机能用吗)

  • qq亲密关系在那里看(qq的亲密关系在哪里找)

    qq亲密关系在那里看(qq的亲密关系在哪里找)

  • 小米手环3nfc微信提醒(小米手环3有nfc)

    小米手环3nfc微信提醒(小米手环3有nfc)

  • 小米手机熄屏时间设置在哪里(小米熄灭屏幕)

    小米手机熄屏时间设置在哪里(小米熄灭屏幕)

  • 什么叫直接税?直接税有哪些?
  • 增值税抵扣的会计科目
  • 拍卖行如何征税呢
  • 国税和地税的区别
  • 消费税到底是什么
  • 小型中央空调机
  • 收到的加盟费要交税吗
  • 减免企业所得税怎么算
  • 领用自产产品用于职工食堂
  • 计提的成本次月怎么处理
  • 法人可以是办税人和发票领购人吗
  • 建筑发票一般开几个点
  • 万元版和十万元版可以一起用吗
  • 会计核算制度包括哪些准则
  • 发票金额小于入库金额
  • 经济法中企业营业收入包括哪些?
  • 公司广告法违规交不起罚款怎么办
  • 外购材料委托加工分录
  • 被合并企业评估什么意思
  • 增值税发票退票时间
  • 为员工买的商业险是否能税前扣除
  • 企业一次性补助金是多少标准
  • 金融资产包括哪三大类及会计科目
  • 火车票抵扣进项税需要认证吗
  • 赊销的账务处理流程
  • 以股权增资的税费怎么算
  • 电脑开机弹出documents文件夹
  • windows10无法打开图片
  • 收到的进项发票要在多久前认证
  • 免征的增值税怎么做账
  • 三栏式明细账目录填写范本
  • 个人所得税专项扣除夫妻双方都填吗?
  • 委托外单位加工发出的材料分录
  • 股份支付如何缴纳个人所得税?
  • 最高跑分纪录的显卡是什么
  • 施工行业企业
  • 公司承担责任的方式
  • 期房如何快速卖出
  • 公司租房子 房东让我们代缴税
  • php -v
  • php array_slice
  • php session实例
  • 搜索人工制造
  • 仓库盘点单模板
  • timit数据集
  • 做了几年前端基础还是很差
  • 办理完税证明需要什么资料
  • mysql ndb innodb
  • 新购入的汽车需要年检吗
  • 公允价值变动损益借贷方向
  • python中排序
  • python有public
  • 销售费用怎么用
  • 收到退回以前年度税款
  • 专用发票和普通发票 报销
  • 技术报酬金是什么意思
  • 工会应付下级经费
  • 税控技术服务费怎么做账
  • 跨月的普通发票怎么开红字发票
  • 提取的安全生产费
  • 公司法人可以变更给老人吗
  • mysql缓冲区
  • mysqld关闭
  • u盘启动怎么制作 u极速一键制作u盘启动图文教程
  • Windows Remote Shell(WinRM)使用介绍
  • ghost硬盘对拷反了
  • os x10.10.4beta6下载地址 os x10.10.4beta6官方下载网址
  • vim的配置文件名
  • linux文件权限的设置与修改
  • win10无internet怎么办
  • python 任务 调度 管理
  • python第九套答案
  • Unity导出的webgl能做AR吗
  • jquery获取button的value值
  • JavaScript焦点事件、鼠标事件和滚轮事件使用详解
  • dom操作的方法
  • python re模块findall
  • 苏州相城便民中心电话
  • 纳税人防伪税控设备未抄报怎么操作
  • 云南4050人员2020最新政策
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设