$ 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