el-popover 的content内容换行

需求:把el-popover的content内容进行换行

复制代码
<el-popover
       placement="bottom"
       width="450"
       trigger="click"
                     >
          <div class="custom-content">
                  示例:如果您在 2 个托盘上运输 40 箱纸(每个托盘上20 箱),<br>
                  您将输入:<br/>
                  商品数量:40<br/>
                  商品单位:BOX<br/>
                  打托数量:2<br/>
                  打托类型:PALLETS<br/>
          </div>
          <i class="el-icon-question" slot="reference"></i>
</el-popover>

以上代码就能实现el-popover的content内容换行,实现效果图:

疑惑:

el-popover里面的content参数也可以通过slot传入DOM

于是我看网上很多都是这样传入的

复制代码
 <el-popover
       placement="bottom"
       width="450"
       trigger="click"
                     >
         <template slot="content">
             <div class="custom-content">
                示例:如果您在 2 个托盘上运输 40 箱纸(每个托盘上20 箱),<br>
                您将输入:<br/>
                商品数量:40<br/>
                商品单位:BOX<br/>
                打托数量:2<br/>
                打托类型:PALLETS<br/>
              </div>
         </template>
             <i class="el-icon-question" slot="reference"></i>
</el-popover> 

这样写content里面的内容直接不显示了,懵圈。。。。,如果有知道的友友们,请指教。

相关推荐
Cache技术分享6 分钟前
219. Java 函数式编程风格 - 从命令式风格到函数式风格:迭代与数据转换
前端·后端
豆苗学前端8 分钟前
JavaScript原型对象、构造函数、继承与类详解
前端·javascript·后端
飞翔的佩奇11 分钟前
【完整源码+数据集+部署教程】【运动的&足球】足球比赛分析系统源码&数据集全套:改进yolo11-RFAConv
前端·python·yolo·计算机视觉·数据集·yolo11·足球比赛分析系统
支付宝体验科技14 分钟前
SEE Conf 2025:开启体验科技的新十年
前端
TeamDev16 分钟前
使用 Shadcn UI 构建 C# 桌面应用
前端·后端·.net
尘世中一位迷途小书童42 分钟前
Vuetify Admin 后台管理系统
前端·前端框架·开源
参宿743 分钟前
图解Vue3 响应式,手动实现核心原理
前端·javascript·vue.js
2301_801252221 小时前
前端框架Vue(Vue 的挂载点与 data 数据对象)
java·前端·javascript·vue.js·前端框架
资讯第一线1 小时前
《Windows Server 2022》 [2025年10月版 ] [官方IOS] 下载
前端
非凡ghost1 小时前
EaseUS Fixo(易我视频照片修复)
前端·javascript·后端