记录一下【element 自带的 textarea 高度自适应】

用法:'<'el-input type="textarea" :autosize="{minRows:2}" v-model="txtValue">

问题:初始就有值的时候,并不能调整大小,而是会出现滚动条,只有当修改内容的时候才会重新调整到合适大小

解决方案:

  1. 为 input type=textarea 增加 ref。比如 ref='userInfo'

  2. 在 v-show 的值发生变化时,调用 this.$refs.userInfo.resizeTextarea(),调用方法如下:

watch: {
txtValue () {
Vue.$nextTick(() => {
this.$refs.userInfo.resizeTextarea()
})
}
}