0
点赞
收藏
分享

微信扫一扫

discuz论坛3.4 截图粘贴图片发帖后显示不正常问题

狗啃月亮_Rachel 2024-09-09 阅读 23

解决方法1:

  • 这是使用v-for循环出来的dom,ref通过index下标来命名,
<div
  v-for="(item, index) in dataList"
  :key="item.id"
>
  <mine-info
    :ref="el => getMineRef(el, index)"
    :title="item.title"
    :data="item.data"
  ></mine-info>
</div>
  • 此时mineRefList里面放的就是所有ref
const mineRefList = ref<HTMLElement[]>([]);
const getMineRef = (el:any, index:number) => {
  if (el) {
    mineRefList .value[index] = el; 
  }
};
  • 使用forEach循环去取就行,这里的 item 就是通过ref拿到的 dom元素。可以操作上面定义的变量或方法
mineRefList.value?.forEach((item: any) => {
    console.log(item)
});

解决方法2: 

<div
  v-for="(item, index) in dataList"
  :key="item.id"
>
  <mine-info
    :ref="getMineRef"
    :title="item.title"
    :data="item.data"
  ></mine-info>
</div>


let mineRefList = ref<HTMLElement[]>([]);
const getMineRef = (el:any) => {
  if (el) {
    mineRefList.value.push(el);
  }
};


mineRefList.value?.forEach((item: any) => {
    console.log(item)
});
举报

相关推荐

0 条评论