naive-ui/demo/documentation/components/notification/zhCN/scrollable.demo.md

29 lines
948 B
Markdown
Raw Normal View History

2020-02-04 14:10:35 +08:00
# 可滚动
2020-09-14 17:38:11 +08:00
如果有太多信息,通知的容器是可以滚动的。但是在那种情况下,通知会比他们看起来的多占据一点点空间,会挡住一些通知外面离通知很近的鼠标操作。如果你不想要这个特性,你可以通过设定 `<n-notification-provider :scrollable="false" />` 来使通知不可滚动。
2020-02-04 14:10:35 +08:00
2020-02-08 13:41:40 +08:00
改变这个属性会导致已经存在全部通知被清空,确保你在合适的时机修改了这个属性。
2020-02-04 14:10:35 +08:00
```html
2020-09-14 17:38:11 +08:00
<n-button @click="handleClick">看看这个东西怎么滚动</n-button>
2020-02-04 14:10:35 +08:00
```
```js
export default {
2020-09-14 17:38:11 +08:00
inject: ['notification'],
2020-02-04 14:10:35 +08:00
methods: {
handleClick (scrollable) {
2020-09-14 17:38:11 +08:00
Array.apply(null, { length: 5 }).forEach(
notification => this.notification.create({
title: '很多个通知',
content: `试着滚起来
试着滚起来
试着滚起来
试着滚起来
试着滚起来
试着滚起来
试着滚起来`
})
)
2020-02-04 14:10:35 +08:00
}
}
}
```