同学你好,老师简单给同学说下思路供你参考:
textarea的显示内容,最好通过设置value实现。在data中设置两个变量,分别保存两个textarea的内容:
在结构上,绑定这两个数据:
点击按钮时,更改第二个textarea的数据即可:
代码如下:
wxml:
<textarea name="" id="" cols="30" rows="10" value="{{value1}}" bindinput="InputFn"></textarea>
<button bindtap="clickFn">按钮</button>
<textarea name="" id="" cols="30" rows="10" value="{{value2}}"></textarea>
wxss:
textarea{
border: 1px solid red;
}
js:
Page({
data: {
value1: "初始文字",
value2: ""
},
clickFn() {
console.log("提交数据")
setTimeout(() => {
this.setData({
value2: "返回的数据"
})
}, 2000)
},
InputFn(e){
console.log(e.detail.value)
}
})
祝学习愉快!
老师我按你的回答实现了效果,但还是有两个小问题需要麻烦老师帮忙
1,我的数据是数组(内有字符串),但textarea显示的是数组内的字符串,有没有办法显示数组
2,真机调试的时候出现了下面的效果