当前位置：首页 > wzjs >正文

网站建设弹窗代码百度指数查询官方网

wzjs 2025/7/28 18:43:40

网站建设弹窗代码,百度指数查询官方网,西宁网站建设,2020给个免费网站好人有好报一、问题描述小伙伴有个需求，想在uniapp开发的微信小程序的一个列表中对内容进行显示溢出显示省略号的控制：当文本超出一行之后，显示…。经过尝试，无法在v-html所在的节点进行ellipise的控制。二、解决方案 1.增加函数&…

一、问题描述

小伙伴有个需求，想在uniapp开发的微信小程序的一个列表中对内容进行显示溢出显示省略号的控制：当文本超出一行之后，显示…。

在这里插入图片描述
经过尝试，无法在v-html所在的节点进行ellipise的控制。

二、解决方案

1.增加函数：

const getDesc = (desc) => {return `<div style='overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all; '>${desc}</div>`
}

2.在v-html中调用getDesc：

<div class="item-content-box" v-html="getSessionDesc(item.sessionDesc)" />

3.最终效果：
在这里插入图片描述

可以看到，如果是原生的微信小程序，那么应该对rich-text组件的nodes做个包裹：

<rich-text nodes="<div style='overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all; '>肺部结节的良恶性鉴别是临床诊断中的一个重要环节。以下是一些可能提示肺部结节为恶性的特征</div>"/>

查看全文

http://www.dtcms.com/wzjs/115747.html