vue中textarea高度的设置_Vue textarea 高度自适应

Vue textarea 高度自适应

主要用到两个属性offsetHeight，scrollHeight

scrollHeight 是内容的滚动高度,包含没实现出来的

offsetHeight 当前控件显示的高度，如果文字增多了，不做自适应，这个高度不变，scrolHeight变大，所以可以比较这两个值，修改textarea的高度后，offsetHeight也就变了。

当前地址

export default {

data () {

return {

currentValue: ''

}

},

watch: {

currentValue (nv, ov) {

if (nv === ov) {

return

}

this.currentValue = nv

console.log('value changed')

this.changeHeight()

}

},

methods: {

changeHeight () {

let _this = this

this.$nextTick(() => {

var t