<template>
<view>
<view class="cu-modal" :class="status==true ? 'show':''">
<view class="cu-dialog">
<view class="cu-bar bg-white justify-end">
<view class="content">{{title}}</view>
<view class="action" @tap="setStatusTap(false)">
<text class="cuIcon-close text-red"></text>
</view>
</view>
<view class="padding-xl border">
<view class="bg-img" :style="'background-image: url('+src+');height:130rpx;'">
</view>
</view>
<view class="padding-xl">
<view class="cu-form-group">
<input placeholder="请输入图形验证码" @input="inputTap"></input>
</view>
</view>
<view class="cu-bar bg-white">
<button class="action margin flex-sub text-green" @tap="confirmTap">
<text :class="confirmTextClass"></text>{{confirmText}}
</button>
</view>
</view>
</view>
</view>
</template>
<script>
const app = getApp();
export default {
name: "safeCheck",
data() {
return {
code: ""
};
},
props: {
src: {
type: String,
default: ''
},
title: {
type: String,
default: '安全验证'
},
status: {
type: Boolean,
default: false,
},
confirmText: {
type: String,
default: ''
},
confirmTextClass: {
type: String,
default: ''
},
},
methods: {
inputTap(options) {
this.code = options.detail.value
},
confirmTap() {
if(this.code==""){
uni.showToast({
title: '标题',
duration: 2000
});
console.log(888)
return;
}
this.$emit('complete', {
action: 1,
code: this.code,
})
},
setStatusTap(status) {
this.$emit('update:status', status)
this.$emit('complete', {
action: 2,
code: this.code
})
},
}
}
</script>

- 发布:2022-10-16 17:34
- 更新:2022-10-17 16:46
- 阅读:358
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.6.4
浏览器平台: Chrome
浏览器版本: 102.0.1245.39
项目创建方式: HBuilderX
示例代码:
操作步骤:
自定义组件内的方法执行 uni.showToast({
title: '标题',
duration: 2000
});
自定义组件内的方法执行 uni.showToast({
title: '标题',
duration: 2000
});
预期结果:
正常弹出
正常弹出
实际结果:
没有弹出
没有弹出
bug描述:
自定义组件内使用uni.showToast无效,下面打印的888正常打印,H5内uni.showToast没有反应,小程序和app正常
1 个回复
DCloud_UNI_Anne
未复现此问题,请提供简单、可稳定复现、能直接运行的最小化完整示例(上传附件),方便我们快速排查问题哦。
【bug优先处理规则】https://ask.dcloud.net.cn/article/38139