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就是不会触发
1 个回复
2***@qq.com (作者)
没人回复的一天