vue 抽离js

最新推荐文章于 2023-11-04 21:56:34 发布

原创

最新推荐文章于 2023-11-04 21:56:34 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #抽离 #js

本文介绍了如何在Vue项目中进行JS模块的抽离，通过创建idcard.js文件并将其在main.js中引入，实现了代码的组织优化，便于复用和维护。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、项目结构
在这里插入图片描述
idcard.js

export default{
    install(Vue) {
        Vue.prototype.$scaleimg = function (img) {
            let height=img.currentTarget.height;
            let width=img.currentTarget.width;
            let base64data='';
            let can=document.createElement("canvas");
            can.height=height;
            can.width=width;
            let casimg=can.getContext('2d');
            casimg.clearRect(0, 0,width,height);
            casimg.drawImage(img.currentTarget,0,0,width,height);
            base64data=can.toDataURL('image/*');
            let size=Math.round( this.$dataURLtoBlob(base64data).size/1024);
            let maxsize=800;
            if(size>maxsize){
                if(size<1300){
                    img.currentTarget.height=Math.round(height*(3/4));