vue公共方法并挂载到全局

示例代码

随便创建一个单独的js文件用于专门写公共方法

exports.install = function (Vue, options) {
    //获取URL参数
    Vue.prototype.$queryURLParameter = function(url, isEncode) {
        url = url || window.location.href;
        var obj = {},
            reg = /([^?&=]+)=([^?&=]+)/g;
        url.replace(reg, function () {
            var arg = arguments;
            obj[arg[1]] = isEncode ? decodeURIComponent(arg[2]) : arg[2];
        });
        return obj
    },
    // 字典表类型数据回显
    Vue.prototype.$funEcho=function(val,arr){
        let returnData='暂未查询到';
        for(let i of  arr){
           if(i.value==val){
            returnData=i.label;
           }
        }
        return returnData
    },
    };

在main.js 引入使用

import all from './common/customFn';
Vue.use(all); //引入自定义函数

最后在要用的地方直接使用

//html使用
  <el-descriptions-item>
                            <template slot="label">
                                最高学历
                            </template>
                            {{$funEcho(formLabelAlign.highestEducation,educationList)}}
                        </el-descriptions-item>

//方法里面使用
 async getTree() {
                await apiControlognztgetOgnztTree().then((res) => {
                    if (res.success) {
                        let data = [res.data];
                        this.treeData = this.$delChilds(data);
                        localStorage.setItem('OgnztTree', JSON.stringify(this.treeData));
                    }
                })
            },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值