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 相关文章推荐
获取当前网页document.url location.href区别总结
May 10 Javascript
Extjs学习笔记之六 面版
Jan 08 Javascript
js中的值类型和引用类型小结 文字说明与实例
Dec 12 Javascript
javascript 全选与全取消功能的实现代码
Dec 23 Javascript
谷歌地图打不开的解决办法
Aug 07 Javascript
分享一个自己写的简单的javascript分页组件
Feb 15 Javascript
Javascript writable特性介绍
Feb 27 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
Dec 14 Javascript
JS实现Ajax的方法分析
Dec 20 Javascript
vue.js整合mint-ui里的轮播图实例代码
Dec 27 Javascript
JS实现json数组排序操作实例分析
Oct 28 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
Mar 10 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
预告映像公开!第1章续篇剧场版动画《Princess Principal Crown Handler》4月10日上映!
2020/03/06 日漫
可定制的PHP缩略图生成程式(需要GD库支持)
2007/03/06 PHP
PHP的PSR规范中文版
2013/09/28 PHP
php类中的$this,static,final,const,self这几个关键字使用方法
2015/12/14 PHP
php使用PDO从数据库表中读取数据的实现方法(必看)
2017/06/02 PHP
PHP正则判断一个变量是否为正整数的方法
2019/02/27 PHP
Laravel框架下的Contracts契约详解
2020/03/17 PHP
JS获取dom 对象 ajax操作 读写cookie函数
2009/11/18 Javascript
JavaScript 内置对象属性及方法集合
2010/07/04 Javascript
javascript 随机展示头像实现代码
2011/12/06 Javascript
通过正则格式化url查询字符串实现代码
2012/12/28 Javascript
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
2014/01/02 Javascript
初识Node.js
2014/09/03 Javascript
JS拖拽组件学习使用
2016/01/19 Javascript
利用原生JS与jQuery实现数字线性变化的动画
2017/02/24 Javascript
jQuery插件zTree实现获取一级节点数据的方法
2017/03/08 Javascript
JavaScript如何一次性展示几万条数据
2017/03/30 Javascript
angularjs中的$eval方法详解
2017/04/24 Javascript
jQuery实现弹窗下底部页面禁止滑动效果
2017/12/19 jQuery
JavaScript实现快速排序的方法分析
2018/01/10 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
2018/01/17 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
vue+element tabs选项卡分页效果
2020/06/29 Javascript
python判断字符串是否纯数字的方法
2014/11/19 Python
使用python实现tcp自动重连
2017/07/02 Python
解决python中遇到字典里key值为None的情况,取不出来的问题
2018/10/17 Python
python压包的概念及实例详解
2021/02/17 Python
Coach澳大利亚官方网站:美国著名时尚奢侈品牌
2017/05/24 全球购物
行政工作个人的自我评价
2014/02/13 职场文书
2014村书记党建工作汇报材料
2014/11/02 职场文书
2014年领班工作总结
2014/11/25 职场文书
何玥事迹观后感
2015/06/16 职场文书
《中国古代诗歌散文欣赏》高中语文教材
2019/08/20 职场文书
《分一些蚊子进来》读后感3篇
2020/01/09 职场文书
如何在C++中调用Python
2021/05/21 Python
PostgreSQL13基于流复制搭建后备服务器的方法
2022/01/18 PostgreSQL