基础用法

使用 $NConfirm 来创建一个确认弹框。

<n-button @click="handleConfirm">
  警告
</n-button>
<n-button @click="handleSuccess">
  成功
</n-button>
<n-button @click="handleError">
  错误
</n-button>

.n-button {
  margin: 0 12px 8px 0;
}

export default {
  methods: {
    handleConfirm (e) {
      const confirmInstance = this.$NConfirm.warning({
        title: '警告',
        content: '你确定？',
        positiveText: '确定',
        negativeText: '不确定',
        onPositiveClick: (hide) => {
          this.$NMessage.success('确定')
          hide()
        },
        onNegativeClick: (hide) => {
          this.$NMessage.error('不确定')
          hide()
        }
      })
    },
    handleSuccess (e) {
      const confirmInstance = this.$NConfirm.success({
        title: '成功',
        content:
          '厉害',
        positiveText: '哇',
        onPositiveClick: (hide) => {
          this.$NMessage.success('耶！')
          hide()
        }
      })
    },
    handleError(e) {
      const confirmInstance = this.$NConfirm.error({
        title: '错误',
        content: '错了',
        positiveText: '啊',
        onPositiveClick: (hide) => {
          this.$NMessage.success('我就知道')
          hide()
        }
      })
    }
  }
}

1.3 KiB Raw Blame History

基础用法

1.3 KiB

Raw Blame History