[uniapp][swtich开关]阻止切换状态(类似阻止事件冒泡)

uniapp 的switch按钮是默认点击后就切换状态的,但是有时需要根据业务需求提前进行业务流程判断后再提示开关启闭状态。

比如,我有个开关是开启用户信息采集的,点击开关后需要弹框等在用户确认后在更改开关状态,但是默认情况下,你点击后无论如何,开关状态都会改变。

解决方案:禁用掉switch的点击事件,通过变量双向绑定控制开关的状态

以下是简单示例:

复制代码
<view  @click="statusSwitch()">
	<switch :checked="status"  disabled />
</view>
<script>
export default {
		data() {
			return {
				status:false
			}
		},
		methods: {
			statusSwitch() {
					//此处写业务逻辑
					//......
					this.status= !this.status;
				},
		}
相关推荐
2501_9151063213 小时前
app 上架过程,安装包准备、证书与描述文件管理、安装测试、上传
android·ios·小程序·https·uni-app·iphone·webview
2501_9151063214 小时前
使用 Sniffmaster TCP 抓包和 Wireshark 网络分析
网络协议·tcp/ip·ios·小程序·uni-app·wireshark·iphone
宠友信息15 小时前
2025社交+IM及时通讯社区APP仿小红书小程序
java·spring boot·小程序·uni-app·web app
“负拾捌”15 小时前
python + uniapp 结合腾讯云实现实时语音识别功能(WebSocket)
python·websocket·微信小程序·uni-app·大模型·腾讯云·语音识别
局外人LZ1 天前
Uniapp脚手架项目搭建,uniapp+vue3+uView pro+vite+pinia+sass
前端·uni-app·sass
2501_915918412 天前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview
前端呆头鹅2 天前
Websocket使用方案详解(uniapp版)
websocket·网络协议·uni-app
浮桥2 天前
uniapp+h5 公众号实现分享海报绘制
uni-app·notepad++
2501_916007472 天前
没有 Mac 用户如何上架 App Store,IPA生成、证书与描述文件管理、跨平台上传
android·macos·ios·小程序·uni-app·iphone·webview
wangjun51592 天前
uniapp uni.downloadFile 偶发性下载文件失败 无响应
uni-app