z-message.js 787 B

1234567891011121314151617181920212223242526272829
  1. //用不了
  2. // import Vue from 'vue';
  3. // import ZMessage from './z-message.vue';
  4. //返回一个 扩展实例构造器
  5. // const MessageConstructor = Vue.extend(ZMessage);
  6. // export default function showToast(text){
  7. // const toastDom = new MessageConstructor().$mount()
  8. // document.body.appendChild(toastDom.$el)
  9. // Vue.prototype.$message={
  10. // success(text){
  11. // toastDom.text=text;
  12. // toastDom.type='success';
  13. // toastDom.show=true;
  14. // console.log(toastDom.show)
  15. // setTimeout(() => {toastDom.show=false},2000) //显示后2秒就消失
  16. // },
  17. // error(text){
  18. // toastDom.text=text;
  19. // toastDom.type='error';
  20. // toastDom.show=true;
  21. // console.log(toastDom.show)
  22. // setTimeout(() => {toastDom.show=false},2000) //显示后2秒就消失
  23. // }
  24. // }
  25. // }