举例如下：（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 - 宽度设置？ - 疑问篇 ” 的全部内容。