vue 在template中使用全局函数

utils.js中

countDown(date) {
        if (date) {
            var timmilliseconds = parseInt(date.replace(/\D/igm, ""));
            var localDate = new Date(timmilliseconds);
            var d = new Date(localDate),
                hour = '' + d.getHours(),
                min = '' + d.getMinutes(),
                sec = '' + d.getSeconds();
            if (hour.length < 2) hour = '0' + hour;
            if (min.length < 2) min = '0' + min;
            if (sec.length < 2) sec = '0' + sec;
            return [hour, min, sec].join(':')
        }
    },

main.js中挂载到原型上

// 引入公共的方法
import utils from '../src/utils/utils'
Vue.prototype.$utils = utils

页面中使用

<p>倒计时{{$utils.countDown(item.SaleDate)}}</p>

tips:页面中{{和$utils中间不能有空格,否则会报错

你可能感兴趣的:(javascript,开发语言,ecmascript)