// tempalte
<issue-item
:data="IssueItemData"
:hideChecked="false"
:key="updateCheckedKey"
@updateChecked="updateChecked"
@handleComments="handleComments"
@handleAvatar="handleAvatar"
>
</issue-item>
// script
const IssueItemData = [
{
checked: true,
isOpen: true,
title: 'Import Bug Fix',
tags: ['线上故障', '功能优化', '线上故障', '功能优化', '线上故障', '功能优化', '线上故障', '功能优化', '线上故障', '功能优化', '线上故障', '功能优化'],
index: 1,
userName: '李轩杨',
createdTime: '2023-07-22',
milestoneName: '里程碑名称',
midNum: 1,
commentsNum: 23,
updateTime: '2023-07-23',
statusIcon: 'icon-infomation',
statusIconColor: 'red',
avatarArr: [
{
imgSrc: 'https://avatars.githubusercontent.com/u/48074435?v=4'
},
{
imgSrc: 'https://avatars.githubusercontent.com/u/40119767?v=4'
},
{
imgSrc: 'https://avatars.githubusercontent.com/u/48074435?v=4'
}
]
},
{
checked: false,
isOpen: false,
title: 'Import Bug Fix',
tags: ['线上故障', '功能优化', '线上故障', '功能优化', '线上故障', '功能优化', '线上故障', '功能优化', '线上故障', '功能优化', '线上故障', '功能优化'],
index: 1,
userName: '李轩杨',
createdTime: '2023-07-22',
milestoneName: '里程碑名称',
midNum: 1,
commentsNum: 23,
updateTime: '2023-07-23'
}
];
const updateCheckedKey = ref(0);
const updateChecked = (checked:boolean, item:object, index:number) => {
IssueItemData[index].checked = checked;
updateCheckedKey.value += 1;
};
const handleComments = (item:object, index:number) => {
};
const handleAvatar = (item:object, index:number) => {
};
