플러그인의refs 사용 방법

composition-api 플러그인은 vue2에서Composition API를 사용하는 데 사용되는 플러그인이기 때문에 아래의 Vue3 가이드처럼refs를 처리할 수 없습니다.
https://v3.vuejs.org/guide/composition-api-template-refs.html
context에refs가 있는 것 같아서composion-api 플러그인으로 얻을 수 있습니다.
export default {
  setup(initProps, setupContext) {
    const refs = setupContext.refs
    onMounted(() => {
      // the DOM element will be assigned to the ref after initial render
      console.log(refs.root) // <div/>
    })
  },
}
플러그인의 README를 제대로 보지 않고 Vue3 문서를 보고 설치했기 때문에 조금 막혔다.(이제 README 잘 보세요)

좋은 웹페이지 즐겨찾기