Vue如何创建、配置和调用公用方法

func.js 创建公共方法

import CryptoJS from "@../../static/crypto-js/crypto-js.js"; // 导入一下需要的宝宝

// 公共方法
export default{
    
    // 处理加密
    cryptoAll:function(data,iv){
        // console.log('JS加密前:'+data);
        var key = CryptoJS.enc.Utf8.parse('1234567887654321');
        var ivv = CryptoJS.enc.Utf8.parse(iv);
        var encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Utf8.parse(data), key, { iv: ivv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.ZeroPadding });
        data = encrypted.toString();
        // console.log('JS加密后:'+data);
        var msg = data;
        return msg
    },
    
    // 将秒数转换为时分秒格式
    formatSeconds: function(value){
        var theTime = parseInt(value);// 秒
        var middle= 0;// 分
        var hour= 0;// 小时
        
        if(theTime > 60) {
            middle= parseInt(theTime/60);
            theTime = parseInt(theTime%60);
            if(middle> 60) {
                hour= parseInt(middle/60);
                middle= parseInt(middle%60);
            }
        }
        var result = ""+parseInt(theTime)+"秒";
        if(middle > 0) {
            result = ""+parseInt(middle)+"分"+result;
        }
        if(hour> 0) {
            result = ""+parseInt(hour)+"小时"+result;
        }
        return result;
    },

        // 打印123
    printstr: function(){
        console.log('123')
    }
}

配置main.js

import cnet from 'static/cnet.js'
Vue.prototype.cnet = cnet

在index.vue调用示例

<script>
    export default {
        methods: {
            this.cnet.printstr()
            this.cnet.cryptoAll()
            this.cnet.formatSeconds()
        }
    }
</script>

标签: JavaScript

文档最后编辑于4年前

评论

评论已关闭

小小英雄杜恩

子曰:“弟子入则孝,出则弟,谨而信,泛爱众,而亲仁。行有余力,则以学文。”


:D 获取中...