$ npm install vue-next-ellipsisRegister the component
<script lang="ts" setup>
import { Ellipsis } from 'vue-next-ellipsis';
</script>
<template>
<div style="font-size:20px">
<Ellipsis
content="测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字"
:rows="3"
fold-text="全文>"
ellipsis-text="..."
@fold-click="location.href = 'https://github.com/huogui'"
/>
</div>
</template>// main.ts
import { createApp } from 'vue'
import Ellipsis from 'vue-next-ellipsis'
import App from './App.vue'
const app = createApp(App)
app.use(Ellipsis)
app.mount('#app')export const ellipsisProps = {
content: {
type: String,
default: '',
},
rows: {
type: Number,
default: 3,
},
foldVisible: Boolean,
foldText: {
type: String,
default: 'more>',
},
ellipsisText: {
type: String,
default: '...',
},
}MIT
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent