微信小程序van-field组件内容行数变化
时间: 2023-07-13 18:27:28 浏览: 288
van-field 是基于 input 组件封装的,当输入内容超过一行时,输入框的高度会自动扩展,但是 van-field 组件默认只显示一行,如果想要让输入框一开始就显示多行,需要设置 textarea 属性为 true,例如:
```
<van-field
label="文本域"
type="textarea"
autosize
rows="2"
value="默认值"
placeholder="请输入文本"
/>
```
其中,autosize 属性表示是否自适应高度,rows 属性表示输入框的行数。如果不设置 rows 属性,则输入框的高度会根据内容自动扩展,但是最多只能扩展到 5 行。如果想要输入框可以无限扩展,可以设置 max-row 属性为 0,例如:
```
<van-field
label="文本域"
type="textarea"
autosize
rows="2"
max-row="0"
value="默认值"
placeholder="请输入文本"
/>
```
这样输入框就可以根据内容无限扩展了。
阅读全文