美文网首页我爱编程
vuejs之数据过滤-表格、form表单

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

作者: 08f1b6c52d2a | 来源:发表于2018-04-16 14:04 被阅读0次

    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。

    相关文章

      网友评论

        本文标题:vuejs之数据过滤-表格、form表单

        本文链接:https://www.haomeiwen.com/subject/yiwwaxtx.html