Confirm 确认 - 图1

参数

参数 说明 类型 可选值 默认值
title 标题文字 string —— ——
text 内容文字 string —— ——
confirmTxt 确定按钮文字 string —— 确定
cancelTxt 取消按钮文字 string —— 取消
onConfirm 确定回调 function —— ——
onCancel 取消回调 function —— ——

使用示例

  1. <template>
  2. <div>
  3. <button @click="showConfirm">点击显示 Confirm</button>
  4. </div>
  5. </template>
  6. <script>
  7. import Vue from "vue";
  8. import { Confirm } from "genie-ui";
  9. Vue.use(Confirm);
  10. export default {
  11. methods: {
  12. showConfirm() {
  13. this.$confirm({
  14. text: "这里是confirm的内容",
  15. title: "我是confirm",
  16. confirmTxt: "我是确定",
  17. cancelTxt: "我是取消",
  18. onConfirm() {
  19. console.warn("我是confirm的callback!");
  20. },
  21. onCancel() {
  22. console.warn("我是cancel的callback!");
  23. }
  24. });
  25. }
  26. }
  27. };
  28. </script>