getElementByRef.js

// Compatible with Vue.js

function getElementByRef(ref, refs) {
  refs = refs || this.$refs

  const noRefs = !refs

  if (noRefs) {
    console.error(`[getElementByRef warn]: No refs found.`)
    return
  }

  let element = refs[ref]

  // Is from element?
  if (element instanceof Element) {
    return element
  }

  // Is from component?
  if (refs[ref]) {
    element = refs[ref].el
    if (element instanceof Element) {
      return element
    }
  }

  // Ref doesn't exist
  console.error(`[getElementByRef warn]: No such ref as "${ref}".`)

  return null
}