js通过getElementsByClassName获取到的数组无法直接forEach遍历的解决办法以及禁止用户往输入框el-input里拖拽东西的解决办法

2023-12-28 17:18:21

最近项目遇到一个问题，就是登录页面里，用户可以拖拽img的值到输入框里。如下图：
在这里插入图片描述
为了禁止用户往输入框里拖拽东西，我们先给三个输入框一个相同的类名myInput

   <el-input class="myInput" />

然后在mounted生命周期里，先通过getElementsByClassName获取三个dom,如下代码里usernameArr打印出来usernameArr不是个正常的数组，而是HTMLCollection这个类数组对象，通过Array.from将其转为真正的数组，然后就可以遍历了。我们在methods里封装了公共的禁止往输入框拖拽的方法dragInput

mounted()

文章来源:https://blog.csdn.net/qq_37635012/article/details/135272480
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。