天天看點

vue 擷取動态dom元素 @change $ref

1、背景:上一篇已經介紹vue擷取靜态dom元素方法,當我們動态建立dom元素,例如循環建立,我們又怎麼去擷取呢?解決方法如下:

2、動态建立的dom元素如何擷取?@change事件方法如何寫

<article class="c1" v-for="(o, i) of benefit_list" :key="i">
     <p class="ipt">
         <span>姓 名</span>
         <input v-model="o.benefit_name" @blur="inputLoseFocus"  placeholder="請填寫***姓名" />
         <label>
             <input type="file" accept="image/*" ref='image_up_benefit' id="fileup" @change="idcard($event,i)"/>
         </label>
     </p>
     <script>
     	this.$refs.image_up_benefit[i].value='';
     </script>
 </article>