Vue.js 和 JS 绑定：当我将 v-model 绑定与 Vue.js 一起使用时，在 js 中获取 length-1

Question

这里是 Vue.js 代码

<md-input-container>
  <label>Proxy</label>
  <md-input type="text" name="proxy" v-model="proxy"  v-on:change="checkProxy"></md-input>
</md-input-container>

这里是一个 Js 代码，当我得到代理长度时，我得到长度 -1 例如：我输入 12345 我得到长度 4

data: function(){
    return {proxy:''},
},

checkProxyId:function(){
            console.log("Length:",this.proxy.length);
},

但是如果我在 Vue.js 中尝试 keyup

@keyup.native="check"

那么结果将是相同的 例如 123456 长度 = 6

知道为什么会这样吗？

Answer 1

试试这个：

    <input type="text" name="proxy" v-model="proxy">

    data() {
      return {
        proxy: ''
      };
    },
    watch: {
      proxy(value) {
        console.log(value.length);
      }
    }