Vue0.1的过滤代码如何添加到Vue2.0直接使用


Posted in Javascript onAugust 23, 2017

将Vue0.1里的过滤代码添加到Vue2.0,方法很简单,具体内容如下

var filters = {

 orderBy: orderBy,
 filterBy: filterBy,
 limitBy: limitBy,

 /**
  * Stringify value.
  *
  * @param {Number} indent
  */

 json: {
  read: function read(value, indent) {
  return typeof value === 'string' ? value : JSON.stringify(value, null, Number(indent) || 2);
  },
  write: function write(value) {
  try {
   return JSON.parse(value);
  } catch (e) {
   return value;
  }
  }
 },

 /**
  * 'abc' => 'Abc'
  */

 capitalize: function capitalize(value) {
  if (!value && value !== 0) return '';
  value = value.toString();
  return value.charAt(0).toUpperCase() + value.slice(1);
 },

 /**
  * 'abc' => 'ABC'
  */

 uppercase: function uppercase(value) {
  return value || value === 0 ? value.toString().toUpperCase() : '';
 },

 /**
  * 'AbC' => 'abc'
  */

 lowercase: function lowercase(value) {
  return value || value === 0 ? value.toString().toLowerCase() : '';
 },

 /**
  * 12345 => $12,345.00
  *
  * @param {String} sign
  */

 currency: function currency(value, _currency) {
  value = parseFloat(value);
  if (!isFinite(value) || !value && value !== 0) return '';
  _currency = _currency != null ? _currency : '$';
  var stringified = Math.abs(value).toFixed(2);
  var _int = stringified.slice(0, -3);
  var i = _int.length % 3;
  var head = i > 0 ? _int.slice(0, i) + (_int.length > 3 ? ',' : '') : '';
  var _float = stringified.slice(-3);
  var sign = value < 0 ? '-' : '';
  return sign + _currency + head + _int.slice(i).replace(digitsRE, '$1,') + _float;
 },

 /**
  * 'item' => 'items'
  *
  * @params
  * an array of strings corresponding to
  * the single, double, triple ... forms of the word to
  * be pluralized. When the number to be pluralized
  * exceeds the length of the args, it will use the last
  * entry in the array.
  *
  * e.g. ['single', 'double', 'triple', 'multiple']
  */

 pluralize: function pluralize(value) {
  var args = toArray(arguments, 1);
  return args.length > 1 ? args[value % 10 - 1] || args[args.length - 1] : args[0] + (value === 1 ? '' : 's');
 },

 /**
  * Debounce a handler function.
  *
  * @param {Function} handler
  * @param {Number} delay = 300
  * @return {Function}
  */

 debounce: function debounce(handler, delay) {
  if (!handler) return;
  if (!delay) {
  delay = 300;
  }
  return _debounce(handler, delay);
 }
 };

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
B/S开发中常用javaScript技术与代码
Mar 09 Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
Mar 28 Javascript
JS 数字转换研究总结
Dec 26 Javascript
js获取滚动距离的方法
May 30 Javascript
网页从弹窗页面单选框传值至父页面代码分享
Sep 29 Javascript
JavaScript对象数组的排序处理方法
Oct 21 Javascript
js下将金额数字每三位一逗号分隔
Feb 19 Javascript
JavaScript_ECMA5数组新特性详解
Jun 12 Javascript
Bootstrap中表单控件状态(验证状态)
Aug 04 Javascript
VUE开发一个图片轮播的组件示例代码
Mar 06 Javascript
ExtJs整合Echarts的示例代码
Feb 27 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
Oct 09 Javascript
Bootstrap table使用方法记录
Aug 23 #Javascript
JS实现浏览上传文件的代码
Aug 23 #Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 #jQuery
JS轮播图实现简单代码
Feb 19 #Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
Aug 23 #Javascript
JavaScript实现的数字与字符串转换功能示例
Aug 23 #Javascript
最基础的vue.js双向绑定操作
Aug 23 #Javascript
You might like
ThinkPHP3.1之D方法实例详解
2014/06/20 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
PHP中“=&gt;
2019/03/01 PHP
php7连接MySQL实现简易查询程序的方法
2020/10/13 PHP
关于jQuery中.attr()和.prop()的问题探讨
2013/09/06 Javascript
jquery实现鼠标滑过小图时显示大图的方法
2015/01/14 Javascript
JavaScript中Function详解
2015/02/27 Javascript
JQuery节点元素属性操作方法
2015/06/11 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
js实现字符串和数组之间相互转换操作
2016/01/12 Javascript
js事件冒泡与事件捕获详解
2017/02/20 Javascript
详解如何使用webpack打包多页jquery项目
2019/02/01 jQuery
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
2019/09/02 Javascript
js实现九宫格布局效果
2020/05/28 Javascript
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
Python素数检测的方法
2015/05/11 Python
Python之web模板应用
2017/12/26 Python
Python编写Windows Service服务程序
2018/01/04 Python
python+matplotlib绘制饼图散点图实例代码
2018/01/20 Python
Python基于whois模块简单识别网站域名及所有者的方法
2018/04/23 Python
python编写简易聊天室实现局域网内聊天功能
2018/07/28 Python
python用pandas数据加载、存储与文件格式的实例
2018/12/07 Python
python openssl模块安装及用法
2020/12/06 Python
Python爬虫回测股票的实例讲解
2021/01/22 Python
Python绘制K线图之可视化神器pyecharts的使用
2021/03/02 Python
基于canvas的骨骼动画的示例代码
2018/06/12 HTML / CSS
办公室文秘自我评价
2013/09/21 职场文书
外语专业毕业生个人的自荐信
2013/11/19 职场文书
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
元旦寄语大全
2014/04/10 职场文书
写给媳妇的检讨书
2015/05/06 职场文书
教师师德工作总结2015
2015/07/22 职场文书
抖音短视频(douyin)去水印工具的实现代码
2021/03/30 Javascript
python opencv人脸识别考勤系统的完整源码
2021/04/26 Python
Go 自定义package包设置与导入操作
2021/05/06 Golang
前端JS获取URL参数的4种方法总结
2022/04/05 Javascript