Vue 过滤器
过滤器
只适用于简单逻辑的处理，复杂逻辑不建议使用
配置
// 全局过滤器
Vue.filter('filter',function(value,arg){
return true
})
// 局部过滤器
new Vue({
data:{},
filters:{
filter:function(){}
}
})
语法
<span>{{ value | filter}}</span>
<span :x="value | filter">demo</span>
传参
{{value | filter(arg1)}}
串联
{{value | filter(arg1) | filter2(arg2)}}
串联的顺序是从左到右
demo
<body>
<div id="root">
<h1>过滤器</h1>
<h3>{{ value | slice(3) | add('*') }}</h3>
</div>
<script>
Vue.filter('slice', (value, arg) => value.slice(arg))
const vm = new Vue({
el: "#root",
data: {
value: '1234'
},
filters: {
add: (value, arg) => value + arg
}
})
</script>
</body>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！