Vue特殊使用方法

1.数据产生变化或者页面需要vue数据渲染完之后加载的东西
Vue.nextTick(function () {
   alert(123);
});

2 调用vue方法

--------------Vue中添加方法

/**
 * 将页面时间绑定类型格式化
 * fmt 格式: 'yyyy-MM-dd hh:mm:ss';
 */
Vue.filter('dataFormat', function (value,fmt) {
    var getDate = new Date(value);
    var o = {
        'M+': getDate.getMonth() + 1,
        'd+': getDate.getDate(),
        'h+': getDate.getHours(),
        'm+': getDate.getMinutes(),
        's+': getDate.getSeconds(),
        'q+': Math.floor((getDate.getMonth() + 3) / 3),
        'S': getDate.getMilliseconds()
    };
    if (/(y+)/.test(fmt)) {
        fmt = fmt.replace(RegExp.$1, (getDate.getFullYear() + '').substr(4 - RegExp.$1.length))
    }
    for (var k in o) {
        if (new RegExp('(' + k + ')').test(fmt)) {
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
        }
    }
    return fmt;
});

var vm = new Vue({
    el:'#app',
    data:{
        date:new Date();
    },
    methods:{
        aaa:function(){
    //调用方法
            vm.$options.filters['dataFormat'](vm.date,'yyyyMM');       
        }
    }
}) 


或者页面中调用Vue方法


<p>{{date | dataFormat('yyyyMM')}}</p>                            

猜你喜欢

转载自www.cnblogs.com/junzhu-bye/p/12405311.html
今日推荐