sherwinshen / vue3-text-clamp Goto Github PK

.text-clamp > span > span {
white-space:pre-wrap;
}

建议加个样式，用于text中包含\n时支持换行

If the text is something long, but there's no spaces, it won't clamp.

Given the clamp will happily cut through the middle of words, it seems like an odd limitation.

location start, 应该把文本最后的内容显示出来 把前面的内容省略, 目前只是页面上在前面显示省略号, 显示的文本内容还是文本前面部分

而我所做的，仅仅是写了这句代码:

说我的loader有问题，请问您知道，我应该使用什么loader吗?

想要的效果是最多只能展示三行，但是在 :max-lines=5的情况下最终只能展示一行，改成:max-lines=5才能最多展示三行

How to use it with v-html directive?
i need render my string

What is the problem?
It is necessary to use not only

<text-clamp test="Hello world" :max-length="2" tag="h2"/>

Please tell me how to use this component in Nuxt3.js?
I am trying to use the component locally according to the manual:

<template>
  <text-clamp text='hello world' :max-lines='2' />
</template>

<script lang='ts' setup>
import TextClamp from 'vue3-text-clamp';
</script>

but I get an error:
TypeError: Cannot read properties of undefined (reading 'defineComponent')
at file:///********/node_modules/vue3-text-clamp/lib/text-clamp.js:1:370

在打包后出现如下异常
Cannot read properties of null (reading ‘isCE‘)

经过查询,是因为库组件中使用的vue版本与项目中的vue版本不一致,最终打包后执行报错