b***@qq.com
b***@qq.com
  • 发布:2020-01-18 18:06
  • 更新:2020-01-18 18:06
  • 阅读:611

【报Bug】一个页面分两步,第一步文本输入框的值自动填入了第二步文本框内

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]
一个页面,我设置了两步,分别有输入的内容,用一个step变量,控制显示内容
当第一步在文本框里输入了内容,点下一步,展示第二步的内容时,第二步的文本框内,直接显示了第一步文本框里的内容
有条件:当输入框未设置v-model时才会出现(我的文本框是用@input存储输入的值)
当两步里面的输入框,都设置了v-model则不会出现该情况

重现步骤

[步骤]
<template>
<view class="recover">
<view v-if="step==1">
<view class="tip">第一步</view>
<input class="uni-input" placeholder="第一步输入内容" @input="bindInput" />
<view class="reg-btnbox">
<button type="default" @tap="bindNext">下一步</button>
</view>
</view>
<view v-if="step==2">
<view class="tip">第二步</view>
<input class="uni-input" v-model="pass" placeholder="第二步输入内容" />
<view class="reg-btnbox">
<button type="default" @tap="bindBack">上一步</button>
</view>
</view>
</view>
</template>

<script>
export default {
data() {
return {
step:1,
pass:""
}
},
methods: {
bindNext:function(){
this.step = 2
},
bindBack:function(){
this.step = 1
},
bindInput:function(e){

        }  
    }  
}  

</script>

[结果]
第一步输入了内容,点下一步,出现第二个文本框,文本框中直接出现了第一步输入的内容
不知道这算不算BUG,还是我的用法不对
[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

HBuilderX

[IDE版本号] 2.5.1.20200103

[windows版本号] win7

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]7808003

2020-01-18 18:06 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复