HTML5技术

vue过滤器 - 青青子衿619

字号+ 作者:H5之家 来源:H5之家 2016-11-30 12:01 我要评论( )

1)加入管道符“|”,过滤器就会生效 (capitalize这个过滤器,会将字符串的首字母大写) {{{html|capitalize}}} Vue({el: ,data: {html: ,val: }}) 输出Abc 如果是汉字,数字,或者是本身是首字母大写,则无反应。 2)过滤器不能充当表达式使用,因此不能在

1)加入管道符“|”,过滤器就会生效

(capitalize这个过滤器,会将字符串的首字母大写)

{{{html|capitalize}}} Vue({ el: , data: { html: , val: } })

输出Abc

如果是汉字,数字,或者是本身是首字母大写,则无反应。

2)过滤器不能充当表达式使用,因此不能在表达式内使用过滤器,只能在表达式的后面使用。

{{html[0]|capitalize}}  是可以的,会输出html的首个字母并将其大写;

(html|capitalize)[0]  是会报错的(不加括号也报错),说明,不能将过滤器视为表达式的一部分

3)过滤器可以加参数。

第一个参数:固定为表达式的值(被过滤目标);

第二个参数,过滤器后面的第一个单词;

第三个参数,过滤器后面的第二个单词,依次类推。

 

参数加引号则视为字符串,参数不加引号则视为表达式,表达式的值作为参数传递给过滤器。

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML语义化的重要性 - 青青子衿619

    HTML语义化的重要性 - 青青子衿619

    2016-10-19 16:00

  • 手机端html5触屏事件(touch事件)【转】 - b小青青

    手机端html5触屏事件(touch事件)【转】 - b小青青

    2016-04-11 12:00

网友点评