45 lines
1.5 KiB
Vue
45 lines
1.5 KiB
Vue
<template>
|
|
<div>
|
|
<Button @click="instance('info')">Info</Button>
|
|
<Button @click="instance('success')">Success</Button>
|
|
<Button @click="instance('warning')">Warning</Button>
|
|
<Button @click="instance('error')">Error</Button>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
methods: {
|
|
instance (type) {
|
|
const title = 'Title';
|
|
const content = '<p>Content of dialog</p><p>Content of dialog</p>';
|
|
switch (type) {
|
|
case 'info':
|
|
this.$Modal.info({
|
|
title: title,
|
|
content: content,
|
|
closable: true
|
|
});
|
|
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>
|