ElementUI el-tooltip中的内容自定义显示

在使用el-tooltip的时候，content内容默认的样式很不好看，而且改样式非常麻烦，最难受的就是单行显示，下面提供一种非常简单的修改方法：插槽

<el-tooltip class="item" effect="dark" placement="top">
     <div slot="content" style="font-size: 14px;">
          <p style="line-height: 22px;">强制亲和：必须在同一台宿主机，否则失败。</p>
          <p style="line-height: 22px;">非强制亲和：尽量在同一台宿主机，不是同一台宿主机不会失败。</p>
          <p style="line-height: 22px;">强制反亲和：必须在不同的宿主机，如果条件不满足会失败。</p>
          <p style="line-height: 22px;">比如虚拟机的数量大于宿主机数量的强制反亲和组一定会失败。</p>
          <p style="line-height: 22px;">非强制反亲和：尽量分配到不同的宿主机，如果条件不满足不会失败。</p>
          <p style="line-height: 22px;">默认非强制反亲和。</p>
      </div>
      <i class="el-icon-question"></i>
</el-tooltip>

把原先放在el-tooltip标签中的content属性，拿出来放在插槽中，这样就能自定义显示想要展示的内容了。