css文字太长省略号代替、element中input的change事件

一、文字太长省略号代替

/* 单行注释 */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

/* 多行注释 */
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
word-break:break-all;
-webkit-line-clamp: 5;

二、如果想要显示省略号中的文字，

       2.1、每个标签都有一个title属性，可以使用 title 属性

      2.2、利用css的伪类hover，以及显示隐藏属性display（难度太大，不建议使用）

    

三、element中input的@change事件

<el-input @change="handlerPageNo" style="width: 180px;"></el-input>

@change在光标离开输入框后触发，业务上不匹配；所以建议使用 @input 事件

<el-input @input="handlerPageNo" style="width: 180px;"></el-input>