为了实现知乎那种效果:
普通的文本溢出隐藏。无法解决问题。
参考:https://segmentfault.com/q/1010000023908604
// 这个文件用来写全局过滤器
// 阅读全文文字溢出过滤器,超过字数显示省略号
let ellipsis = (value, len=180) => {
if (!value) return ''
if (value.length > len) {
return value.slice(0, len) + '...'
}
return value
}
export {
ellipsis
}
使用方法:其实用的也是js截取字符串
<div class="question-content">
{
{item.question.questionContent | ellipsis(140)}}
<el-button class="read-whole-btn" v-if="item.question.questionContent && item.question.questionContent.length > 140">
<span>阅读全文</span>
<i class="iconfont"></i>
</el-button>
</div>