- 发布:2022-12-05 16:36
- 更新:2022-12-05 16:49
- 阅读:378
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.6.4
手机系统: 全部
手机厂商: 华为
页面类型: nvue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
示例代码:
<template>
<view>
<uni-popup ref="popup">
<view class="" style="height:500rpx;width:500rpx">
<view style="background-color:#FFFFFF">好好好</view>
<view style="background-color:#FFFFFF">好好好</view>
<textarea style="background-color:red"></textarea>
</view>
</uni-popup>
</view>
</template>
<script>
export default {
mounted() {
this.$refs.popup.open()
}
}
</script>
<style></style>
<template>
<view>
<uni-popup ref="popup">
<view class="" style="height:500rpx;width:500rpx">
<view style="background-color:#FFFFFF">好好好</view>
<view style="background-color:#FFFFFF">好好好</view>
<textarea style="background-color:red"></textarea>
</view>
</uni-popup>
</view>
</template>
<script>
export default {
mounted() {
this.$refs.popup.open()
}
}
</script>
<style></style>
操作步骤:
打开弹窗后点击输入框,再点击弹窗的其他内容后,输入框焦点没有消失
打开弹窗后点击输入框,再点击弹窗的其他内容后,输入框焦点没有消失
预期结果:
点击弹窗的其他内容后,输入框焦点消失
点击弹窗的其他内容后,输入框焦点消失
实际结果:
点击弹窗的其他内容后,输入框焦点没有消失
点击弹窗的其他内容后,输入框焦点没有消失
bug描述:
nvue页面中的popup弹窗里的textarea不能通过点击弹窗内的其他内容失去焦点,只能通过点击遮罩层失去焦点
2 个回复
85年的妇炎洁 (作者)
85年的妇炎洁 (作者)
好像实际上不管是不是弹窗里点击其他地方都不会失去焦点,用:focus 也没用