Vue1.0中过滤器和Vue2.0中自定义指令的用法

设置默认图片或者日期比较操作等用到过滤器或者指令

Vue1.0过滤器在文件common\static\static\lib\vue\vue.filter.js

图片:

  <img:src="member.portrait | imgShow 0,'/img/default/default-head.jpg'">

日期格式化:

  <span>{{parkEnterpriseVO.establishTime|formatDateStr'yyyy-MM-dd'}}</span>

 

Vue2.0自定义指令在文件common\static\static\lib\vue \vue2.0\vue.directive.js

Vue2.0里不能用之前的fiter过滤器了,通过自定义指令实现和过滤器类似的功能,用到的引入这个js即可,用法参考:

  图片:

  <img v-imgshowmodule="{code:activityDetailSite.activityDetail.imgPath,type: 0,def:'/img/default-activity-form.png'}">

  日期格式化:

  <spanv-formatdatestr="{date:activityDetailSite.activityDetail.activityTime,format: 'yyyy年MM月dd日 HH:mm'}"></span>

日期比较:

<button type="button"v-comparetodate="{beginTime:activityDetailSite.activityDetail.registrationDeadline,endTime:activityDetailSite.activityDetail.activityDeadline}">报名已截止</button>

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页