为了账号安全,请及时绑定邮箱和手机立即绑定

Vuejs2.0双向过滤器报错

Vuejs2.0双向过滤器报错

EugenioCode 2017-05-20 18:45:34
<!DOCTYPE html> <html> <head> <title>自定义过滤器</title> <script src="js/vue.min.js"></script> </head> <body> <div id="app">     <h3>{{ msg | addZero }}</h3>     <h3>{{ num | number(3,10) }}</h3>     <input type="text" v-model="message">     {{ message |currentNumber}} </div> <script type="text/javascript"> Vue.config.devtools = true; new Vue ( { el:'#app', data: {                 msg:1,                 num:3.1415926,                 message:3.1415926 },             filters:{                 // 单向过滤器                 addZero:function(data){                     return data<10?'0'+data:data;                 },                 number:function(data,n,m){                     return Number(data.toFixed(n))+m                 },                 // 双向过滤器                 currentNumber:{                     read:function(data){ //model--->view                         return "$"+data.toFixed(2)                     },                     write:function(newValue,oldValue){//view--->model                         return +newValue.replace(/[^\d.]/g,'')                     }                 }             } } ) </script> </body> </html>双向过滤器报错
查看完整描述

2 回答

?
慕移动0472786

TA贡献1条经验 获得超0个赞

我也一样

查看完整回答
反对 回复 2018-07-25
?
冲冲冲奥利给123

TA贡献17条经验 获得超9个赞

 {{ message |currentNumber}}  , currentNumber前面少了一个空格

查看完整回答
1 反对 回复 2018-03-08
  • 2 回答
  • 0 关注
  • 2048 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信