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

相关推荐
ScriptBIN3 小时前
Javaweb--Vue
前端·vue.js
KenXu3 小时前
React Conf 2025 - 核心更新
前端
前端Hardy3 小时前
Vue 高效开发技巧合集:10 个实用技巧让代码简洁 50%+,面试直接加分!
前端·javascript·vue.js
ᖰ・◡・ᖳ3 小时前
JavaScript:神奇的ES6之旅
前端·javascript·学习·es6
app出海创收老李4 小时前
海外独立创收日记(5)-上个月收入回顾与本月计划
前端·后端·程序员
前端Hardy4 小时前
HTML&CSS:一眼心动的 SVG 时钟
前端·javascript·css
TTGGGFF4 小时前
Streamlit:CSS——从基础到实战美化应用
前端·css
app出海创收老李4 小时前
海外独立创收日记(4)-第一笔汇款
前端·后端·程序员
Takklin4 小时前
React JSX 转换原理与 GSR 实现解析
前端·react.js
苏打水com4 小时前
字节跳动前端业务:从「短视频交互」到「全球化适配」的技术挑战
前端·音视频