1、设置el-tooltip悬浮框的宽度,需要给content单独设置一个div,给div加一个 style 就可以了

2、el-tooltip ,content内容换行使用 v-html 渲染content内容

代码展示:

          <el-tooltip
            effect="dark"
            placement="top"
          >
            <div slot="content" style="width: 227px;" v-html="content">
              高效工作,健康生活
            </div>
            <span>{{ queryForm.active }}%</span>
          </el-tooltip>

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐