Vue中过滤器在哪些复杂数据处理和显示场景下发挥关键作用？
- 内容介绍
- 文章标签
- 相关推荐
本文共计730个文字，预计阅读时间需要3分钟。
在当前的开发环境中，需要大量使用过滤器的地方非常多，比如： - 单位转换 - 数字打点 - 文本格式化等 例如： Vue.filter('toThousandFilter', function(value) { if (!value) return '' value=value.toString() return value.replace(...)
平时开发中，需要用到过滤器的地方有很多，比如单位转换、数字打点、文本格式化等，比如：
Vue.filter('toThousandFilter', function (value) { if (!value) return '' value = value.toString() return .replace(str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g, '$1,') })
实现效果：
30000 => 30,000
当然这只是常规用法，没什么好说的。下面来说一个我在开发中遇到的一个需要用到串联过滤器的使用场景。
本文共计730个文字，预计阅读时间需要3分钟。
在当前的开发环境中，需要大量使用过滤器的地方非常多，比如： - 单位转换 - 数字打点 - 文本格式化等 例如： Vue.filter('toThousandFilter', function(value) { if (!value) return '' value=value.toString() return value.replace(...)
平时开发中，需要用到过滤器的地方有很多，比如单位转换、数字打点、文本格式化等，比如：
Vue.filter('toThousandFilter', function (value) { if (!value) return '' value = value.toString() return .replace(str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g, '$1,') })
实现效果：
30000 => 30,000
当然这只是常规用法，没什么好说的。下面来说一个我在开发中遇到的一个需要用到串联过滤器的使用场景。