haizlin / fe-interview

前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),6000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……
http://www.h-camel.com
MIT License
25.32k stars 3.25k forks source link

[vue] 在vue中filters怎样获取data里的数据? #2785

Open haizhilin2013 opened 4 years ago

haizhilin2013 commented 4 years ago

在vue中filters怎样获取data里的数据?

3+1官网

我也要出题

lt846786463 commented 3 years ago

bind方法改变filters里this指向

crush2020 commented 3 years ago

Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道(|)”符号指示。最后展示的数据为处理后的数据

{{ message | capitalize }}

//下面的参数value为管道符前面的变量 filters: { capitalize (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1) } }

sc950828 commented 2 years ago

传递参数this,{{ message | capitalize(this) }}