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 相关文章推荐
javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
Jul 06 Javascript
深入理解JQuery keyUp和keyDown的区别
Dec 12 Javascript
javascript类型转换示例
Apr 29 Javascript
实现前后端数据交互方法汇总
Apr 07 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
Sep 12 Javascript
Bootstrap3多级下拉菜单
Feb 24 Javascript
Vue.js父与子组件之间传参示例
Feb 28 Javascript
关于Node.js的events.EventEmitter用法介绍
Apr 01 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
May 11 Javascript
详解angularjs获取元素以及angular.element()用法
Jul 25 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
Apr 26 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
Feb 03 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
默默简单的写了一个模板引擎
2007/01/02 PHP
php中二维数组排序问题方法详解
2015/08/28 PHP
求帮忙修改个php curl模拟post请求内容后并下载文件的解决思路
2015/09/20 PHP
YII Framework框架教程之日志用法详解
2016/03/14 PHP
又一个图片自动缩小的JS代码
2007/03/10 Javascript
JavaScript接口实现代码 (Interfaces In JavaScript)
2010/06/11 Javascript
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
js导出txt示例代码
2014/01/14 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
当前流行的JavaScript代码风格指南
2014/09/10 Javascript
JavaScript实现动画打开半透明提示层的方法
2015/04/21 Javascript
实用jquery操作表单元素的简单代码
2016/07/04 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
2016/09/05 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
微信小程序  audio音频播放详解及实例
2016/11/02 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
2017/10/17 Javascript
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
vue+echarts实现动态绘制图表及异步加载数据的方法
2018/10/17 Javascript
p5.js临摹动态图形的方法
2019/10/23 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
python求列表交集的方法汇总
2014/11/10 Python
python机器学习理论与实战(六)支持向量机
2018/01/19 Python
基于python3抓取pinpoint应用信息入库
2020/01/08 Python
python 解决Fatal error in launcher:错误问题
2020/05/21 Python
python 多线程爬取壁纸网站的示例
2021/02/20 Python
美体小铺印度官网:The Body Shop印度
2019/10/17 全球购物
什么是Deployment descriptors;都有什么类型的部署描述符
2015/07/28 面试题
VLAN和VPN有什么区别?分别实现在OSI的第几层?
2014/12/23 面试题
办护照工作证明范本
2014/01/14 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
公司感谢信范文
2015/01/22 职场文书
国王的演讲观后感
2015/06/03 职场文书
如何在CSS中绘制曲线图形及展示动画
2021/05/24 HTML / CSS
MySql存储过程之逻辑判断和条件控制
2021/05/26 MySQL
Django+Nginx+uWSGI 定时任务的实现方法
2022/01/22 Python