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

最近项目遇到一个问题,就是登录页面里,用户可以拖拽img的值到输入框里。如下图:
js通过getElementsByClassName获取到的数组无法直接forEach遍历的解决办法以及禁止用户往输入框el-input里拖拽东西的解决办法_第1张图片
为了禁止用户往输入框里拖拽东西,我们先给三个输入框一个相同的类名myInput

   <el-input class="myInput" />

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

mounted()

你可能感兴趣的:(JS实战记录,vue2,javascript,vue.js,前端)