vue element ui this.$alert 样式修改,长词自动换行、自定义html标签无效果
问题:vue alert提示框长词无法自动换行(一个连起来的词)解决: 自定义一个class 名this.$alert(row.content, row.title, {confirmButtonText: '确定',customClass:'message_box_alert'});CSS:<style>/**站内信长单词强制换行 */.message_box_alert {word
·
问题1:
vue alert提示框长词无法自动换行(一个连起来的词)

解决: 自定义一个class 名
this.$alert(row.content, row.title, {
confirmButtonText: '确定',
customClass:'message_box_alert'
});
CSS:
<style>
/**站内信长单词强制换行 */
.message_box_alert {
word-break: break-all !important;
}
</style>
这里要注意下!!!!如果 style 标签后面加了 scoped 会导致样式无效!!!!
<style rel="stylesheet/scss" lang="scss" scoped>
问题2: 自定义html标签无效果

解决: dangerouslyUseHTMLString:true,
this.$alert(row.content, row.title, {
confirmButtonText: '确定',
dangerouslyUseHTMLString:true,
customClass:'message_box_alert'
});
效果:

参考
https://blog.csdn.net/qq_35393869/article/details/90780471
更多推荐


所有评论(0)