mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-27 05:00:48 +08:00
948 B
948 B
可滚动
如果有太多信息,通知的容器是可以滚动的。但是在那种情况下,通知会比他们看起来的多占据一点点空间,会挡住一些通知外面离通知很近的鼠标操作。如果你不想要这个特性,你可以通过设定 <n-notification-provider :scrollable="false" />
来使通知不可滚动。
改变这个属性会导致已经存在全部通知被清空,确保你在合适的时机修改了这个属性。
<n-button @click="handleClick">看看这个东西怎么滚动</n-button>
export default {
inject: ['notification'],
methods: {
handleClick (scrollable) {
Array.apply(null, { length: 5 }).forEach(
notification => this.notification.create({
title: '很多个通知',
content: `试着滚起来
试着滚起来
试着滚起来
试着滚起来
试着滚起来
试着滚起来
试着滚起来`
})
)
}
}
}