vue过滤器使用

最新推荐文章于 2025-10-19 19:26:45 发布

转载最新推荐文章于 2025-10-19 19:26:45 发布 · 1.6k 阅读

文章标签：

#vue

web前端专栏收录该内容

10 篇文章

订阅专栏

本文通过一个具体的Vue过滤器示例介绍了如何实现输入框中文字的格式化转换，包括将输入内容转换为大写的功能，并详细展示了过滤器的read与write方法的具体实现。

vue过滤器使用的例子

vue过滤器
小写2大写(没有实时失去焦点自动变成大小)

Vue.filter("upperCase", {
    read: function (value) { // model -> view 在更新 `<input>` 元素之前格式化值
        return value.toUpperCase();
    },
    write: function (newVal,oldVal) { // view -> model  在写回数据之前格式化值
        console.log("newVal:"+newVal); 
        console.log("oldVal:"+oldVal);
        return newVal;
    }
});