美文网首页
写一个vue的showtoast插件

写一个vue的showtoast插件

作者: 前端来入坑 | 来源:发表于2020-05-16 20:45 被阅读0次

vue按需引入toast需要单独配置,vue-cli2vue-cli3配置还不一样;
所以写个基于vue工程使用的toast插件,类似mint-uiToast

  • 安装
npm install my-showtoast --save
  • 引入
import showToast from 'my-showtoast';
Vue.use(showToast)
  • 使用
this.$showToast.show('hello2020!')
this.$showToast.hide()
my-showtoast.png

相关文章

  • 写一个vue的showtoast插件

    vue按需引入toast需要单独配置,vue-cli2和vue-cli3配置还不一样;所以写个基于vue工程使用的...

  • vue-resource在vuejs中的作用

    最近写的项目中用到了vue的插件:vue-resource。下面是我使用这个插件的一些经验,算是给自己写的一个笔记...

  • 封装toast插件

    toast.vue toast.js **全局调用$toast方法就是触发了绑定在Vue原型上的showToast...

  • vue高级用法

    Vue 插件 plugin 1, Vue 插件 plugin 安装 Vue.js 插件。如果插件是一个对象,必须提...

  • vue.use和vue.prototype的区别

    不是为了vue写的插件(插件内要处理)不支持Vue.use()加载方式 非vue官方库不支持new Vue()方式...

  • vue:use和prototype区别

    1、不是为了vue写的插件(插件内要处理)不支持Vue.use()加载方式 2、非vue官方库不支持new Vue...

  • vue全局插件——layer弹框

    写VUE插件,需要看下VUE的插件部分的api需求:完成确定取消事件,默认没有取消事件即单纯为一个layer提示框...

  • 02.【手写vue-router】提取路由信息

    vue-router是一个插件,因此按照vue插件的方式实现 将用户写的路由信息提取出来,把routes数组中每个...

  • 模拟百度翻页

    做wikix项目的时候,要自己写一个翻页插件,整个架构是基于vue的,所以用vue来写一个分页插件分析一下百度分页...

  • vue:use和prototype区别

    区别:1、不是为了vue写的插件(插件内要处理)不支持Vue.use()加载方式2、非vue官方库不支持new V...

网友评论

      本文标题:写一个vue的showtoast插件

      本文链接:https://www.haomeiwen.com/subject/znvrohtx.html