55 lines
1.3 KiB
Vue
55 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<Button @click="info">info</Button>
|
||
|
|
<Button @click="success">success</Button>
|
||
|
|
<Button @click="error">error</Button>
|
||
|
|
<Button @click="warning">warning</Button>
|
||
|
|
<Button @click="loading">loading</Button>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import { Message, Button } from 'iview';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
Message,
|
||
|
|
Button
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
|
||
|
|
},
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
info () {
|
||
|
|
Message.info('欢迎来到iView', 3, () => {
|
||
|
|
console.log('close info');
|
||
|
|
});
|
||
|
|
},
|
||
|
|
success () {
|
||
|
|
Message.success('成功啦', 5, () => {
|
||
|
|
console.log('close successs');
|
||
|
|
});
|
||
|
|
},
|
||
|
|
error () {
|
||
|
|
Message.error('错误啦');
|
||
|
|
},
|
||
|
|
warning () {
|
||
|
|
Message.warning('来个警告');
|
||
|
|
},
|
||
|
|
loading () {
|
||
|
|
Message.loading('我是loading');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
ready () {
|
||
|
|
Message.config({
|
||
|
|
top: 50,
|
||
|
|
duration: 8
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|