- 发布：2022-10-09 09:28
- 更新：2022-10-09 09:28
- 阅读：202
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.6.4
手机系统： 全部
手机系统版本号： Android 10
手机厂商： 华为
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
第一个页面
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<input type="text" :focus="current==0">
<view class="text-area">
<text class="title" @click="btnClick">跳转到下一个页面</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
current:1,
title: 'Hello'
}
},
onLoad() {
},
onShow(){
//如果是从navigateBack回来并且重新赋值光标 会赋值不上
this.current=-1;
setTimeout(()=>{
this.current=0;
})
},
methods: {
btnClick(){
uni.navigateTo({
url:"/pages/index/test/test"
})
},
}
}
</script>
<style>
</style>
第二个页面
<template>
<view>
<!-- <input class="text" type="text" :focus="current==0"> -->
</view>
</template>
<script>
export default {
data() {
return {
//current:0,
}
},
onShow() {
setTimeout(()=>{
uni.navigateBack()
},3000)
}
methods: {
}
}
</script>
<style>
.text{
padding:20px;
}
</style>
第一个页面
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<input type="text" :focus="current==0">
<view class="text-area">
<text class="title" @click="btnClick">跳转到下一个页面</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
current:1,
title: 'Hello'
}
},
onLoad() {
},
onShow(){
//如果是从navigateBack回来并且重新赋值光标 会赋值不上
this.current=-1;
setTimeout(()=>{
this.current=0;
})
},
methods: {
btnClick(){
uni.navigateTo({
url:"/pages/index/test/test"
})
},
}
}
</script>
<style>
</style>第二个页面
<template>
<view>
<!-- <input class="text" type="text" :focus="current==0"> -->
</view>
</template>
<script>
export default {
data() {
return {
//current:0,
}
},
onShow() {
setTimeout(()=>{
uni.navigateBack()
},3000)
}
methods: {
}
}
</script>
<style>
.text{
padding:20px;
}
</style>
操作步骤：
第一个页面
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<input type="text" :focus="current==0">
<view class="text-area">
<text class="title" @click="btnClick">跳转到下一个页面</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
current:1,
title: 'Hello'
}
},
onLoad() {
},
onShow(){
//如果是从navigateBack回来并且重新赋值光标 会赋值不上
this.current=-1;
setTimeout(()=>{
this.current=0;
})
},
methods: {
btnClick(){
uni.navigateTo({
url:"/pages/index/test/test"
})
},
}
}
</script>
<style>
</style>
第二个页面
<template>
<view>
<!-- <input class="text" type="text" :focus="current==0"> -->
</view>
</template>
<script>
export default {
data() {
return {
//current:0,
}
},
onShow() {
setTimeout(()=>{
uni.navigateBack()
},3000)
}
methods: {
}
}
</script>
<style>
.text{
padding:20px;
}
</style>
第一个页面
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<input type="text" :focus="current==0">
<view class="text-area">
<text class="title" @click="btnClick">跳转到下一个页面</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
current:1,
title: 'Hello'
}
},
onLoad() {
},
onShow(){
//如果是从navigateBack回来并且重新赋值光标 会赋值不上
this.current=-1;
setTimeout(()=>{
this.current=0;
})
},
methods: {
btnClick(){
uni.navigateTo({
url:"/pages/index/test/test"
})
},
}
}
</script>
<style>
</style>第二个页面
<template>
<view>
<!-- <input class="text" type="text" :focus="current==0"> -->
</view>
</template>
<script>
export default {
data() {
return {
//current:0,
}
},
onShow() {
setTimeout(()=>{
uni.navigateBack()
},3000)
}
methods: {
}
}
</script>
<style>
.text{
padding:20px;
}
</style>
预期结果：
返回页面后首次光标不聚焦,需要人工点一下input标签后 才能正常聚焦
返回页面后首次光标不聚焦,需要人工点一下input标签后 才能正常聚焦
实际结果：
返回页面后首次光标不聚焦,需要人工点一下input标签后 才能正常聚焦
返回页面后首次光标不聚焦,需要人工点一下input标签后 才能正常聚焦
bug描述：
从第一个页面去第二个页面 ,第二个页面返回到第一个页面的时候,给页面用定时器设置光标失效,此bug去年10月份发现,应该是没有修复。 和最近的3.6.4.20220922的进入页面闪一下光标就消失是不同的bug
0 个回复