vuejs v-model 和value 值不同步

Question

<input v-model='password' ref='password' />
<script type="text/javascript">

new Vue({    el:'.loginDiv',    data:{        password:''
    },    methods:{        submitForm:function() {            var sha = hex_sha1(this.password);            this.password = sha;            console.log(this.$refs.password.value)
        }
    }
})

</script>
为什么我执行submitForm这个函数，改变password，而this.$refs.password.value打印出来的却不是password的值

Answer 1

password值是同步更新的，而 DOM 是异步更新的。可以等本轮 DOM 更新再获取 DOM 值。this.$nextTick(()&nbsp;=>&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;console.log(this.$refs.password.value) })