E企盈营销工具技术服务商 热线:4006-838-530

封装微信小程序消息提示框

E企盈直播平台营销卖货系统

在mpvue框架中,封装微信小程序消息提示框。快速开发,少敲代码。若要多次使用,建议封装//新建toast.js文件(路径utils/toast.js),封装函数function showToast (params) {  wx.showToast({    title: params,    icon: ‘success’,    duration: 2000  })}export default {  showToast}//在公共main.js,引入import Vue from ‘vue’import App from ‘./App’import WxToast from ‘./utils/toast’ //引入Vue.config.productionTip = falseVue.prototype.$toast = WxToastconst app = new Vue(App)app.$mount()vue文件中使用<template>  <div>    <button @click=”fn”>点击</button>  </div></template><script>export default {  data () {    return {}  },  methods: {    fn () {      this.$toast.showToast(‘我是消息提示框’)  //一行代码搞定    }  }}</script>以上效果等价于:<template>  <div>    <button @click=”fn”>点击</button>  </div></template><script>export default {  data () {    return {}  },  methods: {    fn () {      wx.showToast({        title: ‘我是消息提示框’,        icon: ‘success’,        duration: 2000      })    }  }}</script>

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 封装微信小程序消息提示框
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏