naive-ui/demo/documentation/components/modal/zhCN/presetConfirm.demo.md

39 lines
673 B
Markdown
Raw Normal View History

2020-02-04 14:55:55 +08:00
# 使用 Confirm 预设
`confirm` 预设的例子。
```html
<n-button
@click="modalActive = true"
2020-02-04 14:55:55 +08:00
>
来吧
2020-02-04 14:55:55 +08:00
</n-button>
<n-modal
v-model="modalActive"
2020-02-04 14:55:55 +08:00
preset="confirm"
title="确认"
content="你确认?"
:closable="false"
positive-text="确认"
@positive-click="submitCallback"
@negative-click="cancelCallback"
negative-text="算了"
/>
```
```js
export default {
data () {
return {
modalActive: false,
2020-02-04 14:55:55 +08:00
}
},
methods: {
cancelCallback () {
this.$NMessage.success('算了')
this.modalActive = false
2020-02-04 14:55:55 +08:00
},
submitCallback () {
this.$NMessage.success('确认')
this.modalActive = false
2020-02-04 14:55:55 +08:00
}
}
}
```