15-基础-过滤器-局部过滤器

我不是女神ヾ 2021-12-01 15:02 370阅读 0赞

<!DOCTYPE html>
    <html>
    
    <head>
        <meta charset='UTF-8'>
        <meta name='viewport' content='width=device-width,initial-scale=1.0'>
        <meta http-equiv='X-UA-Compatible' content='ie=edge'>
        <title>Document</title>
    </head>
    
    <body>
        <div id='app'>
    
            <p>处理前</p>
            {
        {msg}}
            <p>处理后</p>
            {
        {msg | toUpper}}
        </div>
        <script src='./vue.js'></script>
        <script>
            new Vue({
                el: '#app',
                data: {
                    msg: "abc"
                },
                // 过滤器
                // 1. 定义 通过选项filters
                // 2. 功能
                // 3. 使用
                filters: {
                    // 过滤器名字 : 函数(v)
                    // toUpper: function(v) {
                    //     return 结果;
                    // },
                    toUpper(v) {
                        return v.charAt(0).toUpperCase() + v.substr(1);
                    }
                },
                methods: {
    
                }
            });
        </script>
    </body>
    
    </html>

![1490002-20190528211718305-1755581317.jpg][]

转载于:https://www.cnblogs.com/divtab/p/10940328.html

[1490002-20190528211718305-1755581317.jpg]: /images/20211201/126e4f633ee044bdbc3bc8a2b7a1534a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，370人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue---过滤器---普通过滤器使用、串联过滤器、局部与全局过滤器

过滤器：定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）语法： 1.注册过滤器：Vue.filter(name,callback) 或 new

ゞ浴缸里的玫瑰/ 2024年04月07日 12:53/ 0 赞/ 101 阅读

相关 Vue 过滤器案例（全局过滤器和局部过滤器）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

「爱情、让人受尽委屈。」/ 2023年02月22日 05:15/ 0 赞/ 3 阅读

相关 JSP基础--过滤器：filter

过滤器：filter 开发人员可以实现用户在访问某个目标资源之前，对访问的请求和响应进行拦截。简单说，就是可以实现web容器对某资源的访问前截获进行相关的处理，还可以

亦凉/ 2022年07月14日 01:00/ 0 赞/ 154 阅读

相关过滤器

过滤器是Servlet 2.3中定义的，可以对Servlet容器传给web组件的ServletRequest和ServletResponse对象进行检查和修改

墨蓝/ 2022年07月12日 09:27/ 0 赞/ 248 阅读

相关过滤器

1.字符编码设置 package filter; import java.io.IOException; import javax.se

亦凉/ 2022年04月22日 13:14/ 0 赞/ 195 阅读

相关局部组件使用指令-方法-过滤器-计算属性

<div id="app"> <index> </index> </div> <scr

傷城~/ 2021年12月23日 03:21/ 0 赞/ 166 阅读

相关过滤器

一、过滤器的分类默认过滤器：出厂自带，实现好了拿来就用，不需要实现全局默认过滤器局部默认过滤器自定义过滤器：根

一时失言乱红尘/ 2021年12月19日 22:25/ 0 赞/ 415 阅读

相关 SpringCloud局部过滤器自定义

一、实现步骤： 1. 在gateway\_service中编写MyParamGatewayFilterFactory类 2. 实现业务代码：循环请求参数中是否包含na

港控/mmm°/ 2021年12月16日 22:55/ 0 赞/ 372 阅读

相关 15-基础-过滤器-局部过滤器

<!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <m

我不是女神ヾ/ 2021年12月01日 15:02/ 0 赞/ 371 阅读

相关过滤器

一. 简介过滤器是一个服务器端的组件，可以截取用户端的请求与响应信息，并对这些信息过滤。过滤器可以动态地拦截请求和响应，以变换或使用包含在请求或响应中的信息。二. ...

红太狼/ 2021年05月03日 17:22/ 0 赞/ 664 阅读