美文网首页
Vue2.0 当数据的类型在不断的转换的时候报错:[Vue wa

Vue2.0 当数据的类型在不断的转换的时候报错:[Vue wa

作者: 马小帅mm | 来源:发表于2018-11-28 17:37 被阅读0次

不断变换account数据类型会报错,会抛出Vue的无限循环更新的异常(也许事实上并没有无限更新)

<input v-model="account" type="text" :change="replaceAccount()" placeholder="请输入">

data () {
    account: '0',
}
method: {
    replaceAccount: function() {
        this.account = ''+this.account;
        this.account = ''+ parseFloat(this.account);
        this.account = parseFloat(this.account);//不断变换account数据类型会报错
    }
}

解决方法:使用一个临时变量来做额外操作tmp_account

replaceAccount: function() {
    var tmp_account = ''+this.account;
    tmp_account = ''+ parseFloat(this.account);
    tmp_account = parseFloat(this.account);
    this.account = tmp_account;
},

相关文章

网友评论

      本文标题:Vue2.0 当数据的类型在不断的转换的时候报错:[Vue wa

      本文链接:https://www.haomeiwen.com/subject/fhszqqtx.html