elemenUI - 弹框组件alert - 宽度设置? - 疑问篇

本文探讨了在ElementUI框架中,如何调整alert弹框组件的宽度,由于官方文档未提供直接设置宽度的方法,文中提出了可能的解决方案,包括修改组件的class优先级或替换为dialogPopup组件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

举例如下:(elemenUI - 使用alert弹框组件),对比代码和效果图

官方组件+文档演示地址:点击查看官方文档


部分主要代码 · 如下:

<el-col class="user-info" :span="12">
	<div><el-button type="primary" size="small" @click="dialogTalentCoinTipsVisible = true">增加人才币</el-button></div>
	<div><el-button type="text" @click="currencyexplain">人才币说明</el-button></div>
</el-col>

// 提示:增加人才币
currencyexplain(){
	this.$alert('<b>1. 人才币的获得?</b><p>企业在各自后台“分享简历”中上传一条求职者简历信息,审核通过后即可获得相应数量的人才币。</p><b>2. 人才币的使用?</b><p>人才币是平台在人才云聘中用于下载简历,使用面试申请,代理招聘等功能的虚拟货币。</p>', '人才币说明', {
		dangerouslyUseHTMLString: true
	});
},


问题 · 图示说明 (效果截图):

在这里插入图片描述

在这里插入图片描述


想要加宽alert组件,该怎么办?怎么设置呢?

  • 官方文档没有制定宽度设置的关键词,所以暂时还没解决这个问题。
  • 迫不得已,后续可能会改进一些组件的class优先级覆盖源码样式。
  • 再者,也可能会替换dialogPopup组件(因为这个组件有属性width可以设置宽度的百分百)。

    在这里插入图片描述

问题有待进一步研究··· ,欢迎留言探讨。


以上就是关于“ elemenUI - 弹框组件alert - 宽度设置? - 疑问篇 ” 的全部内容。

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

草巾冒小子

你的赞赏正在生成下一个技术方案

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值