this.$message.warning文字换行
时间: 2024-06-13 16:04:49 浏览: 169
可以通过将 `this.$message` 的 `dangerouslyUseHTMLString` 属性设置为 `true`,并在消息中使用 HTML 的换行标签 `<br>` 来实现文字换行。默认行距太小,推荐使用两个换行标签,即 `<br><br>`。
代码示例:
```
this.$message({
dangerouslyUseHTMLString: true,
message: '这是第一行<br><br>这是第二行',
type: 'warning'
});
```
相关问题
this.$confirm换行
在使用this.$confirm进行换行时,可以使用$createElement来创建多个p标签,并将它们包裹在一个div标签中。例如,可以使用以下代码进行换行:
```
const h = this.$createElement;
this.$confirm('提示', {
title: '提示',
message: h('div', [
h('p', '是否将该账号密码重置为初始密码?'),
h('p', '成功后将密码设为默认密码,默认密码为用户账号')
]),
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
resetPasswords(params).then((res) => {
if (res.code == 200) {
this.$message.success('重置密码成功');
}
});
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消重置密码',
});
});
```
这样可以在确认框中显示多行文本。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue this.$confirm中提示的文字换行](https://blog.csdn.net/weixin_45799001/article/details/125086460)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [confirm提示多行内容时换行问题](https://blog.csdn.net/qq_43432057/article/details/116981331)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [js使用小技巧](https://download.csdn.net/download/qq_17486363/7619983)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
warning([\s\S]*?)\/匹配后得到的结果,遇到换行符\n,能够自动换行
如果你想让匹配结果输出时遇到 `\n` 换行,可以在 Python 中使用 `re.findall` 方法,将匹配结果保存在一个列表中,然后使用 `join` 方法将列表中的字符串连接起来,再使用 `print` 函数输出即可。
例如:
```python
import re
# 假设你有一个字符串值和本征向量:
s = 'warning\nThis is the warning message.\nIt may span multiple lines.\n/'
# 使用正则表达式匹配 warning 和 / 之间的内容
pattern = r'warning([\s\S]*?)\/'
result = re.findall(pattern, s)
# 输出结果,并使用换行符连接匹配结果
print('\n'.join(result))
```
运行结果如下所示:
```
This is the warning message.
It may span multiple lines.
```
在使用 `join` 方法时,我们传入的参数是一个列表,其中每个元素都是匹配结果中的一个字符串。`join` 方法会将这些字符串连接起来,每个字符串之间使用换行符 `\n` 分隔。最终的输出结果就是将这些字符串按顺序连接起来,并在每个字符串之间添加换行符。
阅读全文