weex版本(0.10.0),在一个parent.vue文件中有slot标签,在另一个child.vue中使用parent作为components,当child.vue中有scroller嵌套input时,点击input时,在android端键盘弹出来后马上就消失了。
parent.vue
<template>
<div>
<div class="title"></div>
<div class="wrapper">
<slot></slot>
</div>
</div>
</template>
<style>
.wrapper {
position: fixed;
top: 100px;
left: 0px;
right: 0px;
bottom: 0px;
width: 750px;
}
.title{
height: 100px;
width: 750px;
background-color: #00d4b4;
}
</style>
child.vue
<template>
<parent>
<scroller>
<input
class="inputCode"
placeholder="请输入..."/>
<div style="height: 3000px;background-color:#DFDF3C ">
</div>
</scroller>
</parent>
</template>
<script>
module.exports = {
components: {
parent: require('./parent.vue'),
},
}
</script>
<style>
.wrapper {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 750px;
}
.inputCode {
background-color: white;
height: 120px;
line-height: 120px;
padding-left: 30px;
padding-right: 30px;
font-size: 32px;
}
</style>
希望有大佬指导一下。
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…