View UI中textarea字数统计不变问题

复制以前写的iView前台代码使用，结果发现文本域的数字统计不好使了。

        遂寻求度娘帮助，然后翻了几页内容，答案都是通过@input方法手动写一个span标签的数字统计

网友答案

vue:

<Input 
    v-model="xxx.requirements"
    type="textarea"
    maxlength="1000"
    show-word-limit
    @input="descInput"
    :autosize="{minRows: 4, maxRows: 8}"
/>
<span v-show="false">{{remnant}}/{{maxlength}}</span>

js:

export default {
  data () {
    return {
      xxx: {}
      maxlength: 1000,
      remnant: 1000,
    }
  },
  methods: {
    descInput () {
      let txtVal = this.xxx.requirements.length
      this.remnant = this.maxlength - txtVal
    },
  }
}

真正原因

        在我把以前的代码都改完以后，加深了我的好奇，明明之前的代码都没问题呀。于是，我又把iView更新到最新View UI4.7.0版本，但是依然不行。我又重新看了下官网示例是没问题的，我就把代码拿到本地执行发现示例确实没问题，经过我的逐行比对，我发现数据对象xxx没有初始化！！！ 太懒会出bug的~

export default {
  data () {
    return {
      xxx: {
        requirements: null
      }
    }
  }
}

搞定！