VUE创建全局函数

末蓝、 2021-09-18 08:36 479阅读 0赞

在VUE中创建全局函数步骤：

一、创建js文件 **Workflow.js**

/*导入要使用方法 {方法名}*/
    import {Notification} from 'element-ui';
    import {NavList}      from '../Permissions/NvaPermission';
    import {post}         from '../../http/axios';
    
       /**
         * 检查 当前页面是否在工作流中
         * @param {*} modelId    所在系统模块id
         * @param {*} routeName 当前路由 名称
         * @param {*} userId    用户ID
         * return  OK 在工作流中  其它值则不在
         */
     export function checkWorkflow(modelId,routeName,userId){
     
            return new Promise((resolve, reject)=>{
                let url = `${lz}/mtwf/provingBindingWf`;
                let data = {
                    modelId  : modelId,
                    routeName : routeName,
                    userId : userId,
                }
                post(url,data).then(retData =>{
                    console.log(`检查工作流中 retData=`,retData);
                    if(retData.returnCode != 1){
                        Notification({
                            title: "消息",
                            message: "检查 工作流失败,请联系技术服务部",
                            type: "info"
                        });
                    }
                    resolve(retData.returnData);
                })
            });
        }   }

二、在main.js文件中 引入

import {checkWorkflow} from './utils/workflow/Workflow'
    
    
    //检查工作流
    Vue.prototype.$checkWorkflow = checkWorkflow;// checkWorkflow 方法名

三、在自己的vue文件中   直接使用   **checkWorkflow（）**

//调用 检查是否绑定工作流
     callCheckWorkflow(){
                 
          this.$checkWorkflow(this.modelId,this.routeName).then(retData=>{
                    
                    if(retData ==''){
                        this.disabled = true;
                    }else if(retData != 'OK'){
                        this.disabled = true;
                        this.$notify({
                                title: "消息",
                                message: "该申请未在工作流中，请联系管理员",
                                type: "info"
                        });
                    }
                });
            }