非前后端分离项目使用vue继承,提取公共方法和filters

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

var vue_fn = {     filters:{         formatDate: function (value) {             if(value==null){                 return "";             }             let date = new Date(value);             let year = date.getFullYear();             let month = date.getMonth()+1;             let day = date.getDate();             month = month < 10 ? "0"+month:month;             day = day < 10 ? "0"+day:day;             date = year+'-'+month+'-'+day;             return date;         },         formatDateTime: function (value) {             if(value==null){                 return "";             }             let date = new Date(value);             let year = date.getFullYear();             let month = date.getMonth()+1;             let day = date.getDate();             let h = date.getHours();             let mm = date.getMinutes();             let s = date.getSeconds();             month = month < 10 ? "0"+month:month;             day = day < 10 ? "0"+day:day;             date = year+'-'+month+'-'+day+" "+h+":"+mm+":"+s;             return date;         }     },     methods: {         showPhoto: function (title, url) {//显示图片             var json = {                 "data": [{                     "alt": title,                     "src": url,                 }]             }             layer.photos({                 photos: json //格式见API文档手册页                 // ,anim: 1 //0-6的选择，指定弹出图片动画类型，默认随机             });         }     } }

子vue,filter可以直接用，method也可以直接this.method名调用

var childvue1 = new Vue({
    extends : vue_fn,
    el: '#settleDetailDev',
    data: {
    } ,
    mounted: function () {
    },
    methods: {
       showFkpz:function () {
          var _this = this;
          _this.showPhoto("付款凭证","url");
        }
    }
})