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里面的内容直接不显示了,懵圈。。。。,如果有知道的友友们,请指教。

相关推荐
小小小小宇3 分钟前
前端实现合并两个已排序链表
前端
yngsqq21 分钟前
netdxf—— CAD c#二次开发之(netDxf 处理 DXF 文件)
java·前端·c#
mrsk24 分钟前
🧙‍♂️ CSS中的结界术:BFC如何拯救你的布局混乱?
前端·css·面试
jonssonyan26 分钟前
我自建服务器部署了 Next.js 全栈项目
前端
A了LONE29 分钟前
h5的底部导航栏模板
java·前端·javascript
专注VB编程开发20年31 分钟前
各版本操作系统对.NET支持情况(250707更新)
开发语言·前端·ide·vscode·.net
Zsnoin能42 分钟前
AI + TailwindCSS快速搭建一个属于自己的TailwindCSS学习网站
前端·css
五号厂房42 分钟前
聊一聊Javascript 中 hasOwnProperty和in操作之间的区别
前端
轻语呢喃43 分钟前
JavaScript :事件循环机制的深度解析
javascript·后端
摆烂为不摆烂1 小时前
😁深入JS(六): 一文让你完全理解浏览器进程与线程
前端·javascript