2***@qq.com
2***@qq.com
  • 发布:2023-03-13 11:35
  • 更新:2023-03-15 10:07
  • 阅读:259

【报Bug】ios checkbox-group 的change 事件不会触发

分类:uni-app

iPhone11 一个系统16.1,一个系统14.6,同样的机型,一样的代码,14.6的 checkbox-group 的change 事件就是不会触发,不知道是不是系统的问题,还是其他原因,求求大佬帮忙看看

<template>  
  <view>  
    <checkbox-group v-if="friendList.length" class="member-item-wrapper" @change="checkboxChange">  
      <label v-for="item in friendList" :key="item.account">  
        <div class="member-item">  
          <checkbox class="checkbox" :value="item.account" :disabled="item.disable" />  
          <Avatar size="48" :account="item.account" />  
          <div class="user-name">{{ item.nick }}</div>  
        </div>  
      </label>  
    </checkbox-group>  
    <Empty v-else :text="$t('noFriendText')"></Empty>  
  </view>  
</template>  

<script lang="ts" setup>  
import type { IFriendInfo } from '@xkit-yx/core-kit/dist/types/nim-kit-core/types';  
import Avatar from './Avatar.vue';  
import { defineProps } from 'vue'  
import Empty from './Empty.vue';  
import { t } from '../utils/i18n';  
const props = defineProps<{  
  friendList: (IFriendInfo & { disable?: boolean })[]  
}>()  
const $emit = defineEmits<{  
  (event: 'checkboxChange', selectList: string[]): void,  
}>()  
const checkboxChange = (event) => {  
  const _selectList = event.detail.value  
  //这里的toast怎么都不会提示,但是android 或者ios 系统16的就可以  
  uni.showToast({  
    title: _selectList.length + '',  
    icon: "none"  
  })  
  if (_selectList.length > 200) {  
    uni.showToast({  
      title: t('maxSelectedText'),  
      icon: "none"  
    })  
  }  
  $emit('checkboxChange', _selectList)  
}  
</script>  

<style lang="scss" scoped>  
@import "../pages/styles/common.scss";  
.member-item-wrapper {  
  margin: 20px 5px 0 8px;  

  .member-item {  
    display: flex;  
    align-items: center;  
    margin: 20px 5px;  

    .checkbox {  
      margin-right: 8px;  
    }  

    .user-name {  
      margin: 10px;  
      width: 70%;  
      overflow: hidden;   
      text-overflow: ellipsis;   
      white-space: nowrap;   
      color: rgb(111, 110, 110);  
    }  
  }  
}  
</style>  

这里的checkboxChange就是不会触发

2023-03-13 11:35 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com (作者)

没人回复的一天

要回复问题请先登录注册