微信小程序 多行文本
时间: 2023-09-06 12:07:54 浏览: 209
微信小程序中实现多行文本可以通过使用`<textarea>`组件或者自定义样式来实现。
1. 使用`<textarea>`组件:
```html
<view class="container">
<textarea bindinput="handleInput" placeholder="请输入内容"></textarea>
</view>
```
在对应的Page中,定义`handleInput`方法来获取输入的内容:
```javascript
Page({
handleInput(event) {
console.log(event.detail.value); // 获取输入的内容
}
})
```
2. 自定义样式:
```html
<view class="container">
<textarea class="multiline-input" bindinput="handleInput" placeholder="请输入内容"></textarea>
</view>
```
在对应的wxss文件中,定义多行输入框的样式:
```css
.container {
width: 100%;
padding: 10px;
}
.multiline-input {
width: 100%;
height: 100px;
border: 1px solid #ccc;
padding: 5px;
}
```
在对应的Page中,同样定义`handleInput`方法来获取输入的内容。
以上两种方法都可以实现多行文本输入,你可以根据需求选择其中一种来使用。
阅读全文