添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

老师,我在小程序中做了一个form表单,有两个textarea和一个button,第一个textarea输入文本后由button提交到后端处理返回了处理后的文本,想显示在第二个textarea,不知道这样的场景该怎样实现,下面是我做的一些尝试,在电脑上可以实现但是不能覆盖 placeholder的内容,在实机调试的时候却没法实现

http://img.mukewang.com/climg/60b9702f098570a318781738.jpg

http://img.mukewang.com/climg/60b9704e09cc0f0916341450.jpg

http://img.mukewang.com/climg/60b9704e095b8fc615861070.jpg

http://img.mukewang.com/climg/60b9706a09875dd907640698.jpg





同学你好,老师简单给同学说下思路供你参考:

textarea的显示内容,最好通过设置value实现。在data中设置两个变量,分别保存两个textarea的内容:

http://img.mukewang.com/climg/60b9960109b20be004880206.jpg

在结构上,绑定这两个数据:

http://img.mukewang.com/climg/60b99634091ceaa316170432.jpg

http://img.mukewang.com/climg/60b9964c09a0a86009600086.jpg

http://img.mukewang.com/climg/60b99656094c79aa04600086.jpg

点击按钮时,更改第二个textarea的数据即可:

http://img.mukewang.com/climg/60b9966c0985ea6607740123.jpg

http://img.mukewang.com/climg/60b99689098ea8b205390228.jpg

代码如下:

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,真机调试的时候出现了下面的效果 http://img.mukewang.com/climg/60bb6eff086545fe08281792.jpg


2021-06-05
共1条回复