[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_916008892 小时前
深入解析iOS机审4.3原理与混淆实战方法
android·java·开发语言·ios·小程序·uni-app·iphone
QT.qtqtqtqtqt3 小时前
uni-app小程序前端开发笔记(更新中)
前端·笔记·小程序·uni-app
喵喵虫13 小时前
uniapp修改封装组件失败 styleIsolation
uni-app
游戏开发爱好者81 天前
日常开发与测试的 App 测试方法、查看设备状态、实时日志、应用数据
android·ios·小程序·https·uni-app·iphone·webview
2501_915106321 天前
app 上架过程,安装包准备、证书与描述文件管理、安装测试、上传
android·ios·小程序·https·uni-app·iphone·webview
2501_915106321 天前
使用 Sniffmaster TCP 抓包和 Wireshark 网络分析
网络协议·tcp/ip·ios·小程序·uni-app·wireshark·iphone
宠友信息1 天前
2025社交+IM及时通讯社区APP仿小红书小程序
java·spring boot·小程序·uni-app·web app
“负拾捌”1 天前
python + uniapp 结合腾讯云实现实时语音识别功能(WebSocket)
python·websocket·微信小程序·uni-app·大模型·腾讯云·语音识别
局外人LZ2 天前
Uniapp脚手架项目搭建,uniapp+vue3+uView pro+vite+pinia+sass
前端·uni-app·sass
2501_915918412 天前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview