vue.js 过滤器传参数及接收
来源:互联网 发布:上海迈博软件 编辑:程序博客网 时间:2024/06/05 09:44
看官方的代码,过滤器中是可以传多个参数的。
我的初始代码如下:
html代码:
……<div class="order-view-box"> <div class="order-progress"> <ol class="progress-list clearfix"> <li class="step step-done step-first"> <div class="progress"><span class="text">创建</span></div> <div class="info">{{taskitem.createDate | FormatDate( taskitem.createDate ,'MM月DD日 HH:mm' )}}</div> </li> <li class="step step-active"> <div class="progress"><span class="text">出发</span></div> <div class="info">01月20日 11:00</div> </li> <li class="step"> <div class="progress"><span class="text">到达</span></div> <div class="info"></div> </li> <li class="step"> <div class="progress"><span class="text">记录</span></div> <div class="info"></div> </li> <li class="step step-last"> <div class="progress"><span class="text">完成</span></div> <div class="info"></div> </li> </ol> </div> </div> . 省略 . . <script src="../../js/date_fns.min.js" type="text/javascript" charset="utf-8"></script> <!--日期格式化插件--> <script src="../../js/vue_test.js" type="text/javascript" charset="utf-8"></script>
vue_test.js代码:
var vm = new Vue({ el: '.mui-content', data: { taskitem: {}, weatherDict: [] }, mounted: function(){ this.$nextTick(function() { …… }); }, filters:{ FormatDate:function(date,type){ console.log(date+","+type); return dateFns.format(date,type); } }, methods: { …… }})
此时,接收到的参数总是只有时间,控制台打印:2017-04-03 23:21:30,2017-04-03 23:21:30
修改html代码如下后
<div class="info">{{taskitem.createDate | FormatDate( 'MM月DD日 HH:mm' ,taskitem.createDate )}}</div>
控制台打印为2017-04-03 23:21:30,MM月DD日 HH:mm
由此可见,过滤器传参是有顺序的,这个坑得注意!
1 0
- vue.js 过滤器传参数及接收
- Vue.js过滤器概述
- Vue.js -- 过滤器
- vue.js 过滤器
- Vue.js过滤器学习
- Vue.js 过滤器
- Vue.js(过滤器)
- Filter过滤器(vue.js)
- 7.vue.js实例:过滤器
- Filter过滤器(vue.js)
- 【10】vue.js — 过滤器
- vue.js之filter过滤器
- js接收参数
- Js接收URL参数
- Js接收URL参数
- Vue.js学习 Item14 – 过滤器与自定义过滤器
- httpUrlConnection post请求 传参数 及客户端接收参数
- 利用JS接收URL参数
- 不好编程习惯挖的坑——优先级
- 使用ajax模拟用户名是否被占用
- LNMP环境给PHP安装APC扩展模块
- C语言名企面试题2
- Python正则匹配
- vue.js 过滤器传参数及接收
- hbase系统架构
- 二分+最小生成树
- nlogn求最长上升子序列 (POJ2533)
- Java源码阅读的真实体会
- 折半查找代码的编写和探索
- ajax
- 利用Linux命令行进行文本按行去重并按重复次数排序
- 文件描述符(fd)与FILE结构体