fctse
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毫秒,就可以加载到,这是个什么原理,有大佬可以讲解一下吗
0个评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
下载 APP