uni-app switch(开关选择器) BUG

uni-app switch(开关选择器) BUG

BUG:uni-app中的switch的checked属性并不能根据根据绑定的动态数据进行调整

switch开关选择器(BUG)

switch开关选择器(BUG) - 我的使用用途

  • 该switch是我用来 开启/关闭 用户小程序进行地理位置授权。

switch开关选择器(BUG) - 代码

javascript 复制代码
<switch :checked="hasLocationPermission" @click="openLocationSettings" ></switch>

switch开关选择器(BUG) - BUG具体描述

  • hasLocationPermission并不能在openLocationSettings方法内部修改后对应修改checked属性,每次点击switch都会改变checked。

switch开关选择器(BUG修复)

switch开关选择器(BUG修复)- 代码

javascript 复制代码
<view @click="openLocationSettings">
	<switch :checked="hasLocationPermission" disabled></switch>
</view>

switch开关选择器(BUG修复)- 代码修复描述

  • 此时通过点击触发switch外层view的openLocationSettings改变checked,同时为switch添加disabled属性(必须),确保不会触发原生的change事件而又一次改变check属性。
相关推荐
卷Java5 小时前
饼状图修复总结
java·spring boot·uni-app·echarts
闲蛋小超人笑嘻嘻6 小时前
find数组方法详解||Vue3 + uni-app + Wot Design(wd-picker)使用自定义插槽内容写一个下拉选择器
前端·javascript·uni-app
2501_916007477 小时前
前端开发工具都有哪些?常用前端开发工具清单与场景化推荐
android·ios·小程序·https·uni-app·iphone·webview
2501_9159090610 小时前
iOS 应用上架全流程解析,苹果应用发布步骤、ipa 上传工具、TestFlight 测试与 App Store 审核经验
android·macos·ios·小程序·uni-app·cocoa·iphone
茶憶11 小时前
uniapp 请求接口封装和使用
vue.js·uni-app
城下秋草13 小时前
趣谈Bug -500英里邮件问题
bug
肥喵蒙太奇13 小时前
uniapp 使用towxml
uni-app
初圣魔门首席弟子15 小时前
c++中this指针使用bug
前端·c++·bug
Nan_Shu_6141 天前
学习:uniapp全栈微信小程序vue3后台-额外/精彩报错篇
前端·学习·微信小程序·小程序·uni-app·notepad++
张较瘦_1 天前
[论文阅读] AI + 软件工程(Debug)| 告别 “猜 bug”:TreeMind 用 LLM+MCTS 破解 Android 不完整报告复现难题
论文阅读·人工智能·bug