rafi-overflowtooltip v1.1.3

rafi-overflowtooltip

• 基于 Vue 的rafi-overflowtooltip文案提示
• 场景描述：有时候title提示文案需要浮窗展示，原生的title样式丑，展示效果差，无法判断内容是否出了省略号，移入不管有没有省略号都显示浮窗文案
• 解决痛点：只有内容超限出现省略号才显示浮窗
• 踩坑点：如果是异步数据的话，需要先加载完数据再赋值，例如v-if控制
• 组件依赖elementui
• npm
• 用法
• Example
• Props

安装

npm

$ npm install rafi-overflowtooltip -S

use

main.js:

import Vue from 'vue'
import App from './App.vue'
import RafiOverflowTooltip from 'rafi-overflowtooltip/lib/rafi-overflowtooltip.umd'
Vue.use(RafiOverflowTooltip)

new Vue({
  el: '#app',
  components: {
    App
  }
})

Example

template

  <RafiOverflowTooltip :effect="'dark'" :placement="'bottom'" :content="'测试文案测试文案测试文案测试文案测试文案测试文案测试文案测试文案'" :cssstyle="'max-width:200px'"/>

script

export default {
}

Props