天天看点

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>