iview input组件无法使用watch?

使用iview的input组件,无法使用watch


<Input type="text"  v-model.trim="account" size="large" placeholder="请输入手机号" :maxlength="11"></Input>


watch: {

    account: function() {

        this.account = this.account.replace(/[^\d]/g,'');

    }

},

不起作用,但是我换成普通的input就没问题


<input type="text" v-model.trim="account">

文档上也没其他说明,是我用法不对吗?


我打印了下值,发现是起作用的


watch: {

    account: function() {

            //console.log(this.account);

            this.account = this.account.replace(/[^\d]/g,'');

            console.log(this.account);

        }

    },

此时,this.account的值输入非数字已经被替换掉了,但是输入框的值没有被更新,等于数据变成单向的了,不明白是怎么回事。


初步判断问题的原因可能是 父子组件间的数据只能是单向的缘故。


尚方宝剑之说
浏览 955回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript