element [Bug Report] Message content is too long and does not wrap

zzzyeukh 于 4个月前发布在其他

关注(0)|答案(3)|浏览(143)

Element UI version

2.13.1

OS/Browsers version

Win10 64/ Chrome 81.0.4044.138（正式版本）（64 位）

Vue version

2.6.11

Reproduction Link

https://codepen.io/wxh16144/pen/yLYEKLj

Steps to reproduce

内容过长不换行

this.$message('ABC'.repeat(100));

中文换行

this.$message('中文'.repeat(100));

建议添加css属性 word-break

Thanks

What is Expected?

允许在单词内换行

What is actually happening?

中文线上正常

Element

来源：https://github.com/ElemeFE/element/issues/19385

3条答案

按热度按时间

1rhkuytd1#

Translation of this issue:

Element UI version

2.13.1

OS/Browsers version

Win10 64 / Chrome 81.0.4044.138 (official) (64 bit)

Vue version

2.6.11

Reproduction Link

https://codepen.io/wxh16144/pen/yLYEKLj

Steps to reproduce

Content is too long to wrap

this.$message('ABC'.repeat(100));

` ` ` `
Chinese new line

```javascript
This. $message ('Chinese '. Repeat (100));

` ` ` `
Suggest adding CSS property ` word break`

Thanks
### What is Expected?

Allow wrapping within words
### What is actually happening?

Chinese online normal

赞(0）回复(0）举报 4个月前

klh5stk12#

还包括 notify

this.$notify({
  title: '警告',
  message: '1,2,2,4'.repeat(100),
  duration: 0
});

赞(0）回复(0）举报 4个月前

nbnkbykc3#

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

赞(0）回复(0）举报 4个月前

我来回答

element [Bug Report] Message content is too long and does not wrap

Element UI version

OS/Browsers version

Vue version

Reproduction Link

Steps to reproduce

What is Expected?

What is actually happening?

3条答案

Element UI version

OS/Browsers version

Vue version

Reproduction Link

Steps to reproduce

相关问题

热门标签

最新问答