Java后端
·2023-06-06在开发过程中碰到了一个问题,虽然我想要的效果达到了,但是有些疑惑,希望有大佬可以解答一下:
问题描述:在做伙伴匹配系统上时,我把个人标签放了出来,然后在编辑时做了如图一的样式,用户已有的标签默认选中,代码如下:
onMounted(async () => {
tagList.value = await getTagList();
if (editUser.value.key === 'userTags') {
const tags = Object.values(editUser.value.value);
console.log("tags", tags)
tags.forEach(tag => {
if (tagList.value.indexOf(tag) !== -1) {
// 页面 DOM 元素已经加载完成,执行你的方法
setTimeout(() => {
console.log('我将在 0 毫秒后执行');
document.getElementById(tag).setAttribute("disabled", "disabled");
document.getElementById(tag).setAttribute("style", "background-color: #969799;");
}, 0);
}
})
}
})
有一点疑问,我的那个tag列表是动态获取的,如果不加这个延时执行,onMounted在执行到设置样式的代码时,tag的dom元素还没有加载到,然后我就添加了这个延时执行,但是时间设置成0毫秒,就可以加载到,这是个什么原理,有大佬可以讲解一下吗
2
0
分享
操作
评论
相关内容
0个评论
全部评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
