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

知识产权教育网站建设电子商务seo

wzjs 2025/8/27 5:50:35

知识产权教育网站建设,电子商务seo,app营销策略模板,wordpress制作轮播图一、问题描述小伙伴有个需求，想在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/503162.html