Ant Design Vue a-tooltip 组件可以根据html标签自动换行提示

Ant Design Vue a-tooltip 组件可以根据自动换行提示updateDesc: "1.哈哈哈哈哈哈哈哈哈<br>2.哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 <br>3.vvvv哈哈哈哈哈哈<br>4.哈哈哈哈哈哈哈哈哈哈"<a-tooltip placement="top" overlayClassName="bgc_tooltip">&l

bellah521

3331人浏览 · 2022-02-23 10:15:26

bellah521 · 2022-02-23 10:15:26 发布

Ant Design Vue a-tooltip 组件可以根据html标签自动换行提示

updateDesc: "1.哈哈哈哈哈哈哈哈哈<br>2.哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 <br>3.vvvv哈哈哈哈哈哈<br>4.哈哈哈哈哈哈哈哈哈哈"

<a-tooltip placement="top" overlayClassName="bgc_tooltip">
  <template slot="title"> // title属性使用solt形式
    <span v-html="updateDesc" />
  </template>
  <a-button>Top</a-button>
</a-tooltip>

效果图如下：
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^