element plus的 MessageBox.alert 怎么设置滚动条
时间: 2024-05-10 16:17:49 浏览: 226
为RichTextBox控件设置自定义滚动条
3星 · 编辑精心推荐
在 Element Plus 中,可以使用 `MessageBox.alert` 的回调函数来自定义弹窗的内容。因此,你可以在回调函数中使用带有滚动条的容器来包裹弹窗内容。
以下是一个示例代码:
```javascript
MessageBox.alert('内容过多', {
callback: action => {
const container = document.createElement('div')
container.style.overflow = 'scroll'
container.style.maxHeight = '300px'
const content = document.createElement('div')
content.innerHTML = '这里是很长很长的内容'
container.appendChild(content)
action.$el.querySelector('.el-message-box__message').appendChild(container)
}
})
```
在上面的代码中,我们创建了一个带有滚动条的容器,并将弹窗的内容添加到该容器中。最后,我们将该容器添加到弹窗的消息框中。你可以根据需要调整容器的样式和最大高度。
阅读全文