我爱编程

vuejs之数据过滤-表格、form表单

2018-04-16  本文已影响0人  08f1b6c52d2a

a、统一放在src/common/js/filters.js里面;

b、引入所需要的过滤:import { ymd, splitNum, limitName, specialLength } from '@/common/js/filters';;

c、在filter中声明:filters: {splitNum,ymd,limitName,specialLength}, 。

1、时间戳过滤

1)、提供dd/MM/yyyy格式过滤的ymd和dd/MM/yyyy h:m:s格式的ymd2过滤方式。

2)、表格自定义模板中使用:{{ scope.row.purseTime | ymd}}

3)、Input输入框中过滤:

2、数字过滤

1)、将1000过滤成1,000  使用splitNum,使用时:{{scope.row.remainNum | splitNum}}

3、序列号分割

1)、过滤过长的序列号:limitBoxNum

4、分割采集点:limitCollection

5、分割地址:limitAddres。

上一篇下一篇

猜你喜欢

热点阅读