av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

vue 實現(xiàn)超長文本截取,懸浮框提示

瀏覽:13日期:2022-12-24 15:20:15

vue 超長文本截取,懸浮框提示

樣式:

<style> .overflow-table .ivu-table-cell{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }</style>

table:

<Table border :columns='comDataColunms' :data='comDataList' :loading='tableDataLoading' class='overflow-table table-context'></Table>

主要代碼:

{ title: ’統(tǒng)一信用代碼’, key: ’ucCode’, render: (h, params) => { return h(’span’, { domProps: { title: params.row.ucCode } }, params.row.ucCode) }}

補充知識:前端使用ElementUI +Vue table表頭添加tooltip懸浮提示框

廢話不多說,看代碼~

<el-tableempty-text=“正在加載中…”:data=“contentList”style=“width: 100%”@sort-change=“sort”class=“pro-table-item”tooltip-effect=“dark”

<template v-for='(item,index) in titleList'> <el-table-column v-if='index == ’0’' :prop='index.toString()' :label='item' sortable='custom' min- :render-header='renderHeader'    > </el-table-column> <el-table-column v-else :prop='index.toString()' :label='item' min- :render-header='renderHeader' show-overflow-tooltip

renderHeader(h, { column }) {if(column.label.length>13) {return ({column.label})} else {return ({column.label})}},

并不想讓所有的表頭都彈出tooltip,只想讓超出長度并且

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

以上這篇vue 實現(xiàn)超長文本截取,懸浮框提示就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
主站蜘蛛池模板: 一本综合久久 | 亚洲国产欧美在线 | 国产精品高潮呻吟久久aⅴ码 | 黄片毛片免费看 | 黄a网站| 婷婷精品 | 国产精品美女 | 国产真实精品久久二三区 | 国产在线精品一区二区 | 日本在线视频不卡 | 天天草狠狠干 | 在线观看成年视频 | 欧美日韩在线观看一区 | 成人在线免费观看视频 | 欧美性极品xxxx做受 | 亚洲啊v在线 | 欧美视频在线播放 | 国产人成精品一区二区三 | 国产精品中文字幕在线播放 | 精品在线一区二区 | 亚洲第一色站 | 久久久人成影片免费观看 | 亚洲一区二区三区免费视频 | 日本三级电影免费观看 | 日韩一区中文字幕 | 91九色视频在线 | 天天躁天天操 | 在线播放中文字幕 | 久久综合一区 | 精品视频一区二区三区在线观看 | 毛片免费在线 | 久久久九九| 国产精品视频导航 | 亚洲精品一区在线观看 | 午夜欧美一区二区三区在线播放 | 久久av一区二区三区 | 亚洲一区免费 | 国产欧美一区二区久久性色99 | 亚洲日韩中文字幕一区 | 91色视频在线观看 | 久久蜜桃av一区二区天堂 |