<template>
<view class="container">
<view class="" v-for="(item,index) in list" :key="index">
{{item.bol}}
<switch :checked="item.bol" @change="ChangeBol($event,index)" />
</view>
</view>
</template>
<script>
export default {
data() {
return {
list: [{bol:true}]
}
},
methods: {
ChangeBol(e,i){
this.list[i].bol = false
}
}
}
</script> 
3***@qq.com
- 发布：2020-11-20 14:57
- 更新：2020-11-23 09:40
- 阅读：874
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Win10
HBuilderX类型： 正式
HBuilderX版本号： 2.9.8
第三方开发者工具版本号： 1.03.2010240
基础库版本号： 2.12.1
项目创建方式： HBuilderX
示例代码：
操作步骤：
<template>
<view class="container">
<view class="" v-for="(item,index) in list" :key="index">
{{item.bol}}
<switch :checked="item.bol" @change="ChangeBol($event,index)" />
</view>
</view>
</template>
<script>
export default {
data() {
return {
list: [{bol:true}]
}
},
methods: {
ChangeBol(e,i){
this.list[i].bol = false
}
}
}
</script>
<template>
<view class="container">
<view class="" v-for="(item,index) in list" :key="index">
{{item.bol}}
<switch :checked="item.bol" @change="ChangeBol($event,index)" />
</view>
</view>
</template>
<script>
export default {
data() {
return {
list: [{bol:true}]
}
},
methods: {
ChangeBol(e,i){
this.list[i].bol = false
}
}
}
</script> 预期结果：
@change方法里面把checked改为false,switch显示状态是未选中
@change方法里面把checked改为false,switch显示状态是未选中
实际结果：
@change方法里面把checked改为false,switch显示状态是选中
@change方法里面把checked改为false,switch显示状态是选中
bug描述：
在Switch @change方法里面把checked改为false,switch显示状态是选中的。使用uni编译成小程序有问题，用小程序原生试没问题。
3***@qq.com (作者)
你新建一个项目把我这代码复制上去就能触发
2020-11-23 09:40
3***@qq.com (作者)
演示视频我发了，
2020-11-23 09:41
3***@qq.com (作者)
在吗？复现了吗？
2020-11-25 16:38