vue3 v-if ref value is null

v-if ref 사용시 초기 로딩이 되어 있지 않으면 ref값을 사용 할수 없다

 

 

<input v-if="true" type="text" ref="reft1"/>

<input v-if="false" type="text" ref="reft2"/>

 

const reft1 = ref{null)

const ref2 = ref(null)

 

reft1은 input 객체를 가지고 있다.

 

reft2는 null을 가지고 있다.

 

 

v-if 대신 v-show를 사용하여 처리 하였다.