vue element UI el-table 单元格中超出字省略号显示

摘要:
筛选器:{formatLongText{if{return“None”;}elseif{returnvalue.substr(0,8)+“…”;}否则{returnvalue;}},省略号{if(!Value)return‘‘if{return Value.slice+‘…‘}return Value},}用法<el table columnlabel=“Feedback content”prop=“content”align=“left”><templateslot scope=“scope”><span>{scope.row.content|省略号}}˂/span></template></el table column>
filters: { 
    formatLongText(value) {
    if(value===undefined||value===null||value===''){
    return '暂无';
    }else if(value.length>8){
     return value.substr(0, 8) + '...';
     }else{
       return value;
     }
    },

ellipsis(value, limit) {
if (!value) return ''
if (value.length > limit) {
return value.slice(0, limit) + '...'
}
return value
},

}

用法
<el-table-column label="反馈内容" prop="content" align="left">
<template slot-scope="scope">
<span>{{ scope.row.content | ellipsis(24) }}</span>
</template>
</el-table-column>

免责声明:文章转载自《vue element UI el-table 单元格中超出字省略号显示》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Qt5.3.2_CentOS6.4_基本编程环境__20160306【勿删,繁琐】一步步学习NHibernate(9)——连接查询和子查询(1)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

mysql数据库命令使用

1、mysql> SHOW GLOBAL STATUS LIKE'Open_files';     #当前打开文件数  2、mysql> SHOW VARIABLES LIKE'open_files_limit';       #最大打开文件数  3、解决办法: 5.6 GTID版本不支持这种语法  create table B select ...

Oracle系统表大全(转)

下面全面是对Oracle系统表的一些介绍: 数据字典dict总是属于Oracle用户sys的。   1、用户:    select username from dba_users;   改口令    alter user spgroup identified by spgtest;   2、表空间:    select * from dba_data_fi...

vue中我改变了data中的一个值,但现在视图上没有实时更新,请问我怎么拿到更新后的值?

Vue在数据初始化的时候会对data,computed,watcher中的属性进行依赖收集,如果支持proxy,则直接使用proxy进行拦截,好处是可以深层次的进行拦截,如果不支持proxy,则使用object.defineProperty来进行数据拦截依赖收集。但是object.defineProperty无法做到深层次的监听,所以对属性进行递归算法去...

Vue 基础篇二

Vue 组件 组件(Component)是Vue.js最强大的功能之一. 组件可以扩展HTML元素,封装可重用的代码,是可复用的Vue实例. 组件的注册 // html 代码 <div id="app"> <my-component></my-component> </div> // js 代码 Vu...

VUEX

在Vue中组件之间的共享数据的方式:1、父组件向子组件传值:v-bind 属性绑定2、子组件向父组件传值:v-on 事件绑定3、兄弟组件之间进行传值:EventBus$on 接收数据的那个组件$emit 发送数据的那个组件 上面的3种方式适用于小项目中的组件通信,当项目变的庞大的时候,就有些力不从心了。 上图中,左侧图片是未使用vuex进行数据传递的。当...

Vue脚手架的elementui表格里面嵌套输入框

<el-table :data="ruleLanguage" border style=" 100%" highlight-current-row @selection-change="handleSelectionChange" @select-all="selectAll" @row-dblclick="doubleClick"...