[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;
				},
		}
相关推荐
软希网分享源码2 天前
中英双语言量化交易投资源码/跟单搬砖区块链交易所源码/前端uniapp纯源码+后端
前端·uni-app·区块链·中英双语言量化交易投资源码
小成Coder2 天前
UniApp 如何调用鸿蒙预加载
uni-app·harmonyos·鸿蒙
anyup2 天前
uView Pro 的主题系统有多强大?3 分钟设计 uni-app 企业级 UI 主题
前端·vue.js·uni-app
怀君3 天前
Uniapp——View布局生成图片转PDF
pdf·uni-app
2501_915921433 天前
uni-app一键生成iOS安装包并上传TestFlight全流程
android·ios·小程序·https·uni-app·iphone·webview
久爱@勿忘3 天前
uniapp H5 图片压缩并且转blob
前端·javascript·uni-app
Dashingl3 天前
uni-app 页面传值 报错:TypeError: $t.setAttribute is not a function
前端·javascript·uni-app
橘子编程4 天前
UniApp跨端开发终极指南
开发语言·vue.js·uni-app
叱咤少帅(少帅)6 天前
Uniapp开发pc端,小程序和APK
小程序·uni-app