- 发布:2022-02-15 17:08
- 更新:2022-02-17 11:43
- 阅读:774
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.3.11
手机系统: 全部
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
示例代码:
<textarea @linechange="lineChange" @input="shuru" :value="val"/>
lineChange(e){
this.line = e.detail.lineCount;
},
shuru(e){
let that = this
setTimeout(function(){
that.oval = that.val
that.val = e.detail.value
console.log(that.line,that.oval,that.val)
if(that.line > 2){
that.val = that.oval
}
console.log(that.val)
},50)
},
<textarea @linechange="lineChange" @input="shuru" :value="val"/>
lineChange(e){
this.line = e.detail.lineCount;
},
shuru(e){
let that = this
setTimeout(function(){
that.oval = that.val
that.val = e.detail.value
console.log(that.line,that.oval,that.val)
if(that.line > 2){
that.val = that.oval
}
console.log(that.val)
},50)
},
操作步骤:
必现
必现
预期结果:
页面能显示我修改后的值
页面能显示我修改后的值
实际结果:
没反应
没反应
bug描述:
为了限制textarea的输入行数,现在通过lineChange判断行数之后通过@input修改value的值,打印出来的value是正确的,但是页面显示的value并没有修改掉