vue 获取dom元素 @change $ref

最新推荐文章于 2024-07-03 20:51:10 发布

吾行远方

最新推荐文章于 2024-07-03 20:51:10 发布

阅读量2.1k

点赞数

分类专栏：前端文章标签： vue 获取元素 ref @change

本文链接：https://blog.csdn.net/wxyf2018/article/details/90749869

版权

前端同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

vue

13 篇文章 0 订阅

订阅专栏

1、背景：前端使用vue,利用ocr识别身份证信息，@change事件执行上传图片代码，当第一张照片选择后，再次选择同样的图片方法就不执行了,如何每次选择图片都让此方法执行呢？这个时候我们只需要获取dom元素将它的value设置为""即可。

2、通过$ref获取dom元素

     <p class="ipt">
         <span>姓 名</span>
         <input placeholder="请输入***姓名" @blur="inputLoseFocus" v-model="holder_name"/>
         <label>
             <input type="file" accept="image/*" ref="image_up_holder" id="fileup" @change="idcard($event)"/>
         </label>
     </p>
     <script>
     	this.$refs.image_up_holder.value='';
     </script>

当我们动态创建dom元素，例如循环创建，我们又怎么去获取呢?点击查看解决办法