左滑点击确定或者取消
1***@163.com
- 发布：2024-03-05 15:06
- 更新：2024-03-05 15:17
- 阅读：72
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window 64
HBuilderX类型： 正式
HBuilderX版本号： 3.99
浏览器平台： Edge
浏览器版本： 版本 122.0.2365.52 (正式版本) (64 位)
项目创建方式： HBuilderX
操作步骤：
预期结果：
popup组件应该展现
popup组件应该展现
实际结果：
popup闪烁一下消失
popup闪烁一下消失
bug描述：
//父组件
<template>
<view class="container">
<uni-swipe-action>
<uni-swipe-action-item
:right-options="options2"
:auto-close="true"
@click="bindClick"
>
<view class="content-box">
<text class="content-text">使用变量控制SwipeAction的开启状态</text>
</view>
</uni-swipe-action-item>
</uni-swipe-action>
<Add ref="addDom"></Add>
</view>
</template>
<script>
import Add from "./add.vue"
export default {
components: {
Add
},
data() {
return {
options2: [{
text: '取消',
style: {
backgroundColor: '#007aff'
}
},
{
text: '确认',
style: {
backgroundColor: '#F56C6C'
}
}
],
};
},
onReady() {
// 模拟延迟赋值
},
methods: {
bindClick(e) {
console.log(e);
this.$refs.addDom.open()
},
}
};
</script>
//子组件
<template>
<uni-popup ref="popup" background-color="#fff" type="bottom" class="sss" backgroundColor="transparent">
<view class="popup-content">
</view>
</uni-popup>
</template>
<script>
export default {
methods: {
open(params) {
this.$refs.popup.open()
},
}
}
</script>
1 个回复
1***@163.com (作者)
补充：后来发现调用
open方法的时间，加个延时器就好了