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

相关推荐
王同学QaQ15 小时前
Vue3对接UE,通过MQTT完成通讯
javascript·vue.js
岛风风15 小时前
关于手机的设备信息
前端
ReturnTrue86815 小时前
nginx性能优化之Gzip
前端
华仔啊15 小时前
基于 RuoYi-Vue 轻松实现单用户登录功能,亲测有效
java·vue.js·后端
程序员鱼皮16 小时前
刚刚 Java 25 炸裂发布!让 Java 再次伟大
java·javascript·计算机·程序员·编程·开发·代码
w_y_fan16 小时前
Flutter 滚动组件总结
前端·flutter
wuli金居哇16 小时前
我用 Turborepo 搭了个 Monorepo 脚手架,开发体验直接起飞!
前端
Asort16 小时前
JavaScript 从零开始(五):运算符和表达式——从零开始掌握算术、比较与逻辑运算
前端·javascript
一枚前端小能手16 小时前
🚀 缓存用错了网站更慢?前端缓存策略的5个致命误区
前端·javascript
艾小码16 小时前
为什么你的页面会闪烁?useLayoutEffect和useEffect的区别藏在这里!
前端·javascript·react.js