参数
参数 |
说明 |
类型 |
可选值 |
默认值 |
title |
标题文字 |
string |
—— |
—— |
text |
内容文字 |
string |
—— |
—— |
confirmTxt |
确定按钮文字 |
string |
—— |
确定 |
cancelTxt |
取消按钮文字 |
string |
—— |
取消 |
onConfirm |
确定回调 |
function |
—— |
—— |
onCancel |
取消回调 |
function |
—— |
—— |
使用示例
<template>
<div>
<button @click="showConfirm">点击显示 Confirm</button>
</div>
</template>
<script>
import Vue from "vue";
import { Confirm } from "genie-ui";
Vue.use(Confirm);
export default {
methods: {
showConfirm() {
this.$confirm({
text: "这里是confirm的内容",
title: "我是confirm",
confirmTxt: "我是确定",
cancelTxt: "我是取消",
onConfirm() {
console.warn("我是confirm的callback!");
},
onCancel() {
console.warn("我是cancel的callback!");
}
});
}
}
};
</script>