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
主站蜘蛛池模板: 亚洲欧美一区二区三区1000 | 免费一级淫片aaa片毛片a级 | 日日骚视频 | 亚洲第一色av | 国产伦精品一区二区三区高清 | 国产欧美一区二区三区久久 | 日韩精品在线观看视频 | 欧美在线一区二区三区 | 午夜影院操 | 亚洲日本成人 | 国产在线观看不卡一区二区三区 | 中文字幕一区二区三区四区 | 超碰一区二区 | 日日天天| 做a网站 | 亚洲国产一区二区视频 | 视频在线观看一区二区 | 亚洲网站在线观看 | 国产精品久久久久久久久久久久午夜片 | 成人av一区| 国产精品久久久久久久午夜片 | 国产999精品久久久久久 | 成人aaa视频| 久草免费电影 | 超碰97人人人人人蜜桃 | 综合久久一区 | 日韩三级在线 | 欧美日韩在线免费 | 午夜丰满少妇一级毛片 | 欧美一区二区三区视频 | 在线成人免费观看 | 亚洲福利视频一区二区 | 91九色麻豆 | 午夜伦理影院 | 欧美成视频在线观看 | 91视视频在线观看入口直接观看 | 色综合久久天天综合网 | 国产欧美一区二区久久性色99 | 亚洲欧美一区二区三区在线 | 国产欧美一区二区三区另类精品 | 成人影视网 |