Alert 提示 - 图1

参数

参数 说明 类型 可选值 默认值
title 标题文字 string —— ——
text 内容文字 string —— ——
button 按钮文字 string —— 确定
onConfirm 确定回调 function —— ——
close 关闭弹框 boolean true ——

使用示例

  1. <template>
  2. <div>
  3. <button @click="showAlert">点击显示 Alert</button>
  4. </div>
  5. </template>
  6. <script>
  7. import Vue from "vue";
  8. import { Alert } from "genie-ui";
  9. Vue.use(Alert);
  10. export default {
  11. methods: {
  12. showAlert() {
  13. this.$alert({
  14. text: "这里是alert的内容",
  15. title: "我是alert",
  16. button: "确定",
  17. onConfirm() {
  18. console.warn('我是confirm的callback!')
  19. }
  20. });
  21. },
  22. // 关闭弹框
  23. closeAlert() {
  24. this.$alert({
  25. close: true
  26. })
  27. }
  28. }
  29. };
  30. </script>