vue 自定义js文件 写方法

Posted 2020-11-22 北漂码农

//全局函数方法
exports.install = function(Vue, options) {
    Vue.prototype.$popup = function(msg, time) { 
         //msg 为内容
         //time 弹窗显示时间
          time = isNaN(time) ? 3000 : time;
        var m = document.createElement(‘div‘);
        m.className="popupall"
        m.innerhtml = msg;
        document.body.appendChild(m);
        setTimeout(function () {
            var d = 0.5;
            m.style.webkitTransition = ‘-webkit-transform ‘ + d + ‘s ease-in, opacity ‘ + d + ‘s ease-in‘;
            m.style.opacity = ‘0‘;
            setTimeout(function () {
                document.body.removeChild(m)
            }, d * 1000);
        }, time);
      
    };
};

单页调用

that.$popup("发表内容",3000)

main.js文件引用

import com from ‘./public/js/com‘
Vue.use(com);