1.关闭textarea标签的右下角拖动

style=“resize:none;”

2.给标签绑定数据和添加ref

<textarea class="list_textarea" ref="lczdTxtRef" style="resize:none;"
 v-model="lczdTxt"  @input="inputInfo($event)"></textarea>

3.通过input监听输入值后标签的高度变化

 inputInfo(event) {
            event.target.style.height = "36px"; // 默为空时的高度设置
        },

4.通过监听来动态设置高度

watch:{
 lczdTxt(newVal) {
            this.getHight('lczdTxtRef');
        },
},
methods:{
   getHight(refName) { // 
            let textArea = this.$refs[refName];
            if (textArea.scrollHeight < 100) {
                textArea.style.height = textArea.scrollHeight + "px";
            } else {
                textArea.style.height = 100 + "px";
            }
        },
}

此处100px为我设置的最大高度，当文字高度超过100时，就会出现滚动条