php 点击alert确定后执行_使用Vue3.0新特性造轮子 WidgetUI3.0 （Alert组件）

基本使用

  Alert({        title: "vue3.0",        content: "当前版本 vue3.0.0-beta.1",        btns: [          {            text: "确定",            handle: () => {              console.log("你点击了确定");            }          },          {            text: "取消",            handle: () => {              console.log("你点击了取消");            }          }        ]   });

不带按钮

  const Alert2 = () => {      Alert({        title: "vue3.0",        content: "当前版本 vue3.0.0-beta.1",      });    };

无标题

  const Alert3 = () => {      Alert({        content: "当前版本 vue3.0.0-beta.1",        btns: [          {            text: "确定",          },          {            text: "取消",          }        ]      });    };

无内容

  const Alert4 = () => {      Alert({        title: "vue3.0",        btns: [          {            text: "确定",          },          {            text: "取消",          }        ]      });    };

Alert参数：

{    title: '', // 标题    content: '', // 内容    btns: [  // 按钮列表       text: "确定" // 按钮文字，       handle: () => {} // 按钮事件     ],      zIndex: 100, // 组件显示层级  }

注意：引用Alert组件需要引入 import "@/components/base.less"; 组件。

具体的Alert组件源码，请前往github地址获取。

https://github.com/AntJavascript/WidgetUI3.0/blob/master/Alert.vue