问题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

 

https://segmentfault.com/q/1010000014867718

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐