Overtip文本

用于单行或多行文本内容超出父级容器宽度，显示省略号，鼠标划入展示tooltips效果。

基础用法

这是一条超越了容器宽度的字符串

javascript

<template>
  <div style="width: 100px;">
    <ra-overtip content="这是一条超越了容器宽度的字符串"></ra-overtip>
  </div>
</template>

多行隐藏

这是一条超越了容器宽度的多行字符串

javascript

<template>
  <div style="width: 100px;">
    <ra-overtip :line="2" content="这是一条超越了容器宽度的字符串"></ra-overtip>
  </div>
</template>

控制是否展示tooltips

手动控制是否展示tooltips

javascript

<template>
  <div style="width: 100px;">
    <ra-overtip :showTip="false" content="手动控制是否展示tooltips"></ra-overtip>
  </div>
</template>

属性说明

Tag属性:

Tag事件: