vue封装公共方法

vue封装公共方法

? ??????

• vue 封装公共方法

  • ?? 在 src/utils 文件夹下，创建 js 文件

    // 以图片转换 base64 格式为例
    // 1.在 src/utils 目录下创建 base64.js 文件
    // 2.文件中写入方法
    export default {
        getBase64(file) {
        	return new Promise(function (resolve, reject) {
        		const reader = new FileReader();
        		let imgResult = '';
        		reader.readAsDataURL(file)
        		reader.onload = function () {
        			imgResult = reader.result;
        		}
        		reader.onerror = function (error) {
        			reject(error);
        		}
        		reader.onloadend = function () {
        			resolve(imgResult);
        		}
        	})
        }
    }
    

  • ?? main.js 中引用，全局挂载

    // 引入需要的 js 文件，注意路径
    import base64 from '@/utils/date';
    // 全局挂载方法
    Vue.prototype.base64 = base64;
    

  • ?? 在需要的页面中直接使用