42 lines
1.4 KiB
Vue
42 lines
1.4 KiB
Vue
<template>
|
|
<i-button @click="instance('info')">消息</i-button>
|
|
<i-button @click="instance('success')">成功</i-button>
|
|
<i-button @click="instance('warning')">警告</i-button>
|
|
<i-button @click="instance('error')">错误</i-button>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
methods: {
|
|
instance (type) {
|
|
const title = '对话框的标题';
|
|
const content = '<p>一些对话框内容</p><p>一些对话框内容</p>';
|
|
switch (type) {
|
|
case 'info':
|
|
this.$Modal.info({
|
|
title: title,
|
|
content: content
|
|
});
|
|
break;
|
|
case 'success':
|
|
this.$Modal.success({
|
|
title: title,
|
|
content: content
|
|
});
|
|
break;
|
|
case 'warning':
|
|
this.$Modal.warning({
|
|
title: title,
|
|
content: content
|
|
});
|
|
break;
|
|
case 'error':
|
|
this.$Modal.error({
|
|
title: title,
|
|
content: content
|
|
});
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|