使用方法

安装

npm i vuetify-message-box

引入

importVuefrom'vue'importVuetifyfrom'vuetify'importVuetifyMessageBoxfrom'vuetify-message-box'constvuetify=newVuetify({})Vue.use(Vuetify)Vue.use(VuetifyMessageBox,{vuetify})

调用

<script>exportdefault {methods: {msgbox (mode='默认') {if (mode==='默认') {// 只传入消息内容this.$msgbox('hello world')}elseif (mode==='带选项1') {// 传入消息内容, 选项this.$msgbox('hello world', {center:true})}elseif (mode==='带选项2') {// 只传入选项, 消息内容在选项中this.$msgbox({message:'hello world',center:true})}elseif (mode==='按类型') {// success error warning infothis.$msgbox.success({message:'hello world',center:true})}elseif (mode==='使用VNode') {this.$msgbox({content:this.$createElement('div', {style: {color:'red'}},'hello world')})}elseif (mode==='关闭最后一个') {this.$msgbox('消息1', { name:'msg1' })this.$msgbox('消息2', { name:'msg2' })setTimeout(()=> {this.$msgbox.close()},3e3)}elseif (mode==='关闭指定name') {this.$msgbox('消息1', { name:'msg1' })this.$msgbox('消息2', { name:'msg2' })setTimeout(()=> {this.$msgbox.close('msg1')},3e3)}}}}</script>

选项

License