首页 > 建站教程 > 前端框架 >  Vue3设置动态ref正文

Vue3设置动态ref

Vue3动态设置ref,在循环中,尤其好用

vue3动态refs

html:


// index为循环的索引
:ref="(el)=>setItemRef(el, 'test'+index)"


js:


const iframeRefs = {}
const setItemRef = (el, key) => {
  if (el) {
    iframeRefs[key] = el
  }
}
onMounted(()=>{
  const iframeKey = 'test1'
  const iframe = iframeRefs[iframeKey]
  console.log(iframe)
})