lc-vue-text-tip

文字自动tooltip
1,190
vue vue3 tooltip text ellipsis text-overflow
Install
npm install lc-vue-text-tip
Latest Version:1.2.4
Vue:3
License:MIT
Last Updated:Jan 8, 2025
Links: GitHub  ·  npm
Maintainer: lvliqi

lc-vue-text-tip

安装

npm i lc-vue-text-tip

依赖

Demo

demo

基本使用

<script setup lang="ts">
  import { TextTip } from 'lc-vue-text-tip'
</script>

<template>
  <div>
    <TextTip msg='阿斯顿发射点发射点发射点阿斯顿发射点发射点'/>  
  </div>

  <div style='width: 100px;'>
    <TextTip msg='阿斯顿发射点发射点发射点阿斯顿发射点发射点'/>  
  </div>
</template>

Api

Attributes

属性名 说明 类型 默认值
msg 文字 string ''
popperClass popper class string -
placement 出现位置 top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end right

Related Packages

vue3-text-clamp

Vue3 component which allows you to ellipsis your multiline text.

841,930 62
ellipsis text-overflow vue3 text-clamp typescript
vue-clamp

Clamping primitives for Vue.

831,413 842
ellipsis text-overflow vue clamp truncate
vue-ellipsis-tooltip

处理vue3中文本超长显示提示框

1,769
ellipsis tooltip vue vue3 vite vueellipsistooltip
v-tooltip

Easy tooltips with Vue 2.x

6,036,683 3,460
tooltip vue
vue-ellipsis

a substr component of vue2.js

10,053 24
ellipsis vue2

Version History

Version Released Vue License
1.2.4 3.x MIT
1.2.3 3.x MIT
1.2.2 3.x MIT
1.2.1 3.x MIT
1.2.0 3.x MIT