vue公共方法

在根目录下建一个utils文件夹，然后再建一个index.js文件内容如下所示，第一个为不需要传参，第二个为需要传参数

//引入vant组件中的弹出层
import {
    
    Dialog} from 'vant'
export default{
    
    
checkLogin(next){
    
    
    if(localStorage.getItem('user')){
    
    
      next();
    }else{
    
    
        Dialog.alert({
    
    
            title:'检测到您现在没有登录',
            message:'是否跳转到登录/注册页面'

        })
    }
},

checkLogin1(item, next){
    
    
    if(localStorage.getItem('user')){
    
    
      next(item);
    }else{
    
    
        Dialog.alert({
    
    
            title:'检测到您现在没有登录',
            message:'是否跳转到登录/注册页面'

        })
    }
},
}

main.js需要挂载

import utils from'./utils'


Vue.prototype.$utils = utils

使用

methods: {
    
    
    //点击评价跳转
    evaluation() {
    
    
      this.$utils.checkLogin(this.evaluationn);
    },
    evaluationn() {
    
    
      this.$router.push("/Evaluation");
    },
  },

      //加入购物车按钮
    add(item, index) {
    
     //item为点击到的商品信息
      this.$utils.checkLogin1(item, this.yy);  //item为参数，this.yy为方法（把item传给方法中）
    },
    yy(item) {
    
     //方法中接收参数并使用（满足条件时）
      this.$api
        .addShop({
    
    
          id: item.goodsId,
        })
        .then((res) => {
    
    })
        .catch();
    },