vue uniapp 多个公共方法封装引用

vue uniapp 多个公共方法封装引用

1、创建一个utils.js文件专门写公共方法

import Vue from 'vue'
export default Object.assign(Vue.prototype, {
    $toast(title, show_success = false) {
      uni.showToast({
        mask: show_success,
        icon: show_success ? 'success' : 'none',
        title: title
      })
    },
    toast(title) {
      uni.showToast({
        icon: 'none',
        title: title
      })
    },
    $isMobile(str) {
        var reg = /^1(2|3|4|5|6|7|8|9)\d{9}$/
        return reg.test(str + ''.trim())
    },
    // 获取url 参数
    $getUrlParam(params) {
          let url = location.href;
          url = url.replace("?", "?&").split("&");
          let re = "";
          for (let i = 1; i < url.length; i++) {
            if (url[i].indexOf(params + "=") == 0) {
              re = url[i].replace(params + "=", "");
               if (re.indexOf("#") !== -1) {
                re = re.split("#")[0];
            }
            }
          }
          return re;
    },
  })```

2、将写好的公共方法文件在main.js文件引用

```html
import '@/util/utils.js'

3、在页面上直接通过this调用，例如以下实例

this.$toast("验证码输入错误");