有关textarea内容动态显示的问题

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

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)

  }

})

祝学习愉快！