Others-tootip文字提示

た入场券 2022-03-29 09:29 255阅读 0赞

<el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top-start">
                  <el-button>上左</el-button>
              </el-tooltip>
              <el-tooltip class="item" effect="dark" content="Top Center 提示文字" placement="top">
                  <el-button>上边</el-button>
              </el-tooltip>
              <el-tooltip class="item" effect="dark" content="Top Right 提示文字" placement="top-end">
                  <el-button>上右</el-button>
              </el-tooltip>

<el-tooltip placement="top">
            <div slot="content">多行信息<br/>第二行信息</div>
            <el-button>Top center</el-button>
        </el-tooltip>

<el-tooltip :disabled="disabled" content="点击关闭 tooltip 功能" placement="bottom" effect="light">
        <el-button @click="disabled = !disabled">点击{
       {disabled ? '开启' : '关闭'}} tooltip 功能</el-button>
    </el-tooltip>

tooltip 内不支持 `router-link` 组件，请使用 `vm.$router.push` 代替。

tooltip 内不支持 disabled form 元素，参考[MDN][]，请在 disabled form 元素外层添加一层包裹元素。

### Attributes ###

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>说明</th> 
   <th>类型</th> 
   <th>可选值</th> 
   <th>默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>effect</td> 
   <td>默认提供的主题</td> 
   <td>String</td> 
   <td>dark/light</td> 
   <td>dark</td> 
  </tr> 
  <tr> 
   <td>content</td> 
   <td>显示的内容，也可以通过&nbsp;<code>slot#content</code>&nbsp;传入 DOM</td> 
   <td>String</td> 
   <td>—</td> 
   <td>—</td> 
  </tr> 
  <tr> 
   <td>placement</td> 
   <td>Tooltip 的出现位置</td> 
   <td>String</td> 
   <td>top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end</td> 
   <td>bottom</td> 
  </tr> 
  <tr> 
   <td>disabled</td> 
   <td>Tooltip 是否可用</td> 
   <td>Boolean</td> 
   <td>—</td> 
   <td>false</td> 
  </tr> 
  <tr> 
   <td>transition</td> 
   <td>定义渐变动画</td> 
   <td>String</td> 
   <td>—</td> 
   <td>el-fade-in-linear</td> 
  </tr> 
 </tbody> 
</table>

[MDN]: https://developer.mozilla.org/en-US/docs/Web/Events/mouseenter