VueJS 两路过滤器

2023-12-04

是否可以在 VueJS 中使用双向过滤器?

我尝试过,但在新文档中找不到它。

I tried

<script>
    var app = new Vue({
        el: '#app',
        data: {
            EditMode: false,
            message: 'Hello Vue!'
        },
        filters: {
            capitalize: function (value) {
                if (!value) return '';
                value = value.toString();
                return value.toUpperCase();
            },
            ccc:
                {
                    read: function (value) {
                        return value.toUpperCase() + "re";
                    },
                    write: function (value) {
                        return value.toLowerCase() + "wri";
                    }
                }
        }
    }
    );
</script>

and

<h1>{{ message | ccc }}</h1>

但它不起作用。

例如,如果我测试简单的过滤器

<h1>{{ message | capitalize }}</h1>

有用。


Vue.js 2 中的双向过滤器已被替换(粗体是我的):

一些用户喜欢使用双向滤波器v-model用很少的代码创建有趣的输入。尽管似乎然而,双向过滤器虽然简单,但也可以隐藏大量复杂性 - 甚至通过延迟状态更新来鼓励糟糕的用户体验。反而,推荐包装输入的组件作为创建自定义输入的更明确且功能丰富的方式。

有关新最佳实践的分步指南,请遵循双向过滤器迁移指南.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

VueJS 两路过滤器 的相关文章

随机推荐