vxe-textarea 设置autosize不生效
时间: 2023-11-20 07:08:18 浏览: 108
如果 `vxe-textarea` 的 `autosize` 属性没有生效,可以尝试以下解决方法:
1. 确认 `vxe-textarea` 组件是否正确引入。
2. 确认是否正确设置了 `autosize` 属性值。需要注意的是,`autosize` 属性值应该设置为一个对象,包含 `minRows` 和 `maxRows` 两个属性,例如:
```html
<vxe-textarea v-model="content" :autosize="{ minRows: 2, maxRows: 5 }"></vxe-textarea>
```
3. 确认是否正确设置了 `autosize` 属性,因为有时候可能会将其误写成 `auto-size`,导致属性无法生效。
4. 如果上述方法都没有解决问题,可以尝试手动触发 `resize` 事件,例如:
```javascript
this.$nextTick(() => {
const textarea = document.querySelector('.vxe-textarea--autosize')
textarea.dispatchEvent(new Event('resize'))
})
```
在上述代码中,我们首先等待组件渲染完成后,获取到 `vxe-textarea` 组件对应的 DOM 元素,然后手动触发 `resize` 事件,以便让组件重新计算高度。
如果以上方法都无法解决问题,可以进一步检查代码,或者提供更多的信息以便更好地排查问题。
阅读全文