前言

最近博主从vue2转到vue3，惊奇的发现vue2里面的filter在vue3中不再支持，官方建议用计算属性或方法代替过滤器，而不是使用过滤器，所以博主希望通过这篇文章分享filter的代替方法

一、使用步骤

博主遇到的需求是这样，在日期选择下拉框中引入第三方接口，但第三方接口返回的数据格式全是浮点型，同时小数点后面的位数不统一，这种情况下博主选择使用过滤器

1.vue2的filter

代码如下（示例）：

<template><h1>Example</h1><p>{{ number| formatCloud }}</p>
</template><script>export default {data: function () {return{number:2.3333333}},filters: {formatCloud(value) {return parseFloat(value).toFixed(2);}}}
</script>

2.vue3的computed

代码如下（示例）：

<template><h1>Example</h1><p>{{formatCloud(number)}}</p>
</template><script>
import {computed} from "vue";export default {data: function () {return{number:2.3333333}},setup(){const formatCloud = computed(() => {return function(index){return parseFloat(index).toFixed(2);}})return {formatCloud}}
}
</script>

总结

上述内容如果存在欢迎大家批评指正！！！

Vue3的filter过滤器代替方法相关推荐

vue3 使用计算属性代替 filter 过滤器实现时间格式化操作
由于vue3没有了 filter 过滤器,所以我尝试了用计算属性代替它去格式化时间方法如下: 1.在页面按需引用 import formatDate from '../assets/js/Forma ...
Filter过滤器（详细使用方法）
Javaweb中的过滤器可以拦截所有访问web资源的请求或响应操作. 当然,我们使用过滤器也是为了处理访问Servlet的数据. 首先我们来看一下Filter的用法. 1.创建一个类实现Filter接 ...
Filter(过滤器）
一.Filter过滤器(重要) Javaweb中的过滤器可以拦截所有访问web资源的请求或响应操作. 1.Filter快速入门 1.1.步骤: 1. 创建一个类实现Filter接口 2. 重写接口中方 ...
filter[过滤器]使用大全
一．页面编码过滤器 1．开发EncodingFilter.java文件,继承自javax.servlet.Filter: package bluemoon.crm.systemmanage.strut ...
Servlet组件之一——Filter过滤器
Filter Filter也称之为过滤器,它是Servlet技术中最实用的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如JSP,Servlet,静态图片文件或静态H ...
（JavaWeb）Filter过滤器
Filter过滤器 Filter:过滤器,用来过滤网站的数据. 自动登录统一设置编码格式访问权限控制敏感字符过滤等过滤器实际上就是对web资源进行拦截,做一些处理后再交给下一个过滤器或serv ...
vue 中的el表达式_Vue中vue.filter()的使用方法介绍（过滤）
本篇文章给大家带来的内容是关于Vue中vue.filter()的使用方法介绍(过滤),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. Vue过滤器 {{msg |msgFormat}} ...
javaweb学习总结(四十二)——Filter(过滤器)学习
一.Filter简介 Filter也称之为过滤器,它是Servlet技术中最激动人心的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态 ...
spring boot Filter过滤器的简单使用
springboot使用Filter过滤器有两种方式: 一种是实现Filter接口然后通过@Component注解向项目加入过滤器另一种是通过配置类来配置过滤器 @Component public ...

Vue3的filter过滤器代替方法

Vue3的过滤器代替方法

前言

一、使用步骤

1.vue2的filter

2.vue3的computed

总结

Vue3的filter过滤器代替方法相关推荐

最新文章

热门文章