Flask接口签名sign原理与实例代码浅析
260
2023-04-28
vue2中filter()的实现代码
vue2.0里,不再有自带的过滤器,需要自己定义过滤器。定义的方法如下:
注册一个自定义过滤器,它接收两个参数:过滤器 ID 和过滤器函数。
Vue.filter('filtername',function(value,参数){
return nfCmJRuMI参数+value.split('').reverse().join('');
});1234123
完整代码如下:
window.onload=function(){
//类似于自定义指令,可以用全局方法 Vue.filter() 注册一个自定义过滤器,它接收两个参数:过滤器 ID 和过滤器函数。
Vue.filter('reverseString',function(value,myString){
// function里第一个参数value默认为使用这个过滤器的data值,在本例中是msg的值'you are mine'。请注意:第一个参数必须为自身的值,后面可以加任意多的参数
return myString+value.split('').reverse().join('');
});
new Vue({
el:'#box',
data:{
msg:'you are mine'
}
});
};
msg is:
{{msg}}
{{msg|reverseString( 'Hello:' )}}
12345678910111213141516171819202122232425262728293031323334353637383940411234567891011121314151617181920212223242526272829303132333435363738394041
输出结果为:
msg is:
you are mine
reverse msg is:
Hello:enim era uoy
以上所述是给大家介绍的vue2中filter()的实现代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,会及时回复大家的!
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~