vue3中如何操作动态ref

2,123 阅读1分钟
  1. 定义

const iframeRefs = {}

const setItemRef = (el, key) => {
    if (el) {
        iframeRefs[key] = el
    }
}

2. ref动态div,这里以一颗动态树为例 ::

ref="(el)=>setItemRef(el, 'tree'+eventRow.qe_event_index)"

image.png

  1. 获取ref: iframeRefs['tree' + key]

这里使用操作的方法内需要多处获取得到ref,但是每个ref是需要传入一个动态值,也就是截图中的 eventRow.qe_event_index ,

image.png

那么,我们来看一下方法中对应使用到的

image.png

都是通过 const $table = iframeRefs['tree' + key] 这个来获取就可以了