1.把textarea放在<form>表单里面进行操作(常用操作)
//wxml
//textarea绑定了失去焦点时的事件
<form bindsubmit='fabiao'>
<view class='evaluation_concent'>
<textarea placeholder="觉得这件商品如何,快来说几句吧" value='{{concent}}' bindblur='bindTextAreaBlur' focus="{{focus}}" >
</textarea>
</view>
<button class='big-btn' form-type="submit">发表</button>
</form>
//点击按钮时把textarea中的内容保存在这里
<view>{{concent1}}</view>
//失去焦点时获取里面评论内容
bindTextAreaBlur:function(e){
console.log(e.detail.value)
this.setData({
concent: e.detail.value,
})
},
//点击按钮时得到里面的值
fabiao:function(e){
this.setData({
focus:'false',
concent1: this.data.concent,
})
console.log(this.data.concent)
}
2.单独按钮点击时操作textarea(不推荐使用,有bug)
(此方法存在bug不建议使用,js代码是一样的, 不过还是在这里说一下)
//wxml
<view class='evaluation_concent'>
<textarea placeholder="觉得这件商品如何,快来说几句吧" value='{{concent}}' bindblur='bindTextAreaBlur' focus="{{focus}}" >
</textarea>
</view>
<button class='big-btn' bindtap="fabiao">发表</button>
//点击按钮时把textarea中的内容保存在这里
<view>{{concent1}}</view>
//失去焦点时获取里面评论内容
//如果此时我输入的内容是我是一个textarea 第一次点击有如下效果
bindTextAreaBlur:function(e){
console.log(e.detail.value) //打印结果”是我是一个textarea”
this.setData({
concent: e.detail.value,
})
},
//点击按钮时得到里面的值(此时失去焦点的时间没有被执行)
fabiao:function(e){
this.setData({
focus:'false',
concent1: this.data.concent, //打印结果 ”是我是一个textarea”
})
console.log(this.data.concent) //打印结果 ””
}
1.第一次点击按钮时失去焦点事件还没有被执行 所以此时它获取不到concent里的值,打印的结果为空
2.第二次点击按钮时失去焦点事件已经被执行过一次了 所以此时它获取到concent里的值其实是上一次输入的值,如果你每次都在更改textarea里的值,这种方法无法实时的去得到textarea里的值,虽然最后content1中的值与content中的一致,但是如果你是需要将textarea里的值点击一次之后传到后台传入的值将为空。