详细问题描述
(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