vue js 如何对 HTMLdivElement 进行操作?

我看网上好像没有类似讨论

我使用 element UI

且透过

this.$el.getElementsByClassName("el-table__body-wrapper")

取得伪数组
Screen Shot 2022-03-17 at 11.39.46 AM.png

我想实现的是可以控制 table 的左右滑动
有成功实现了
只是他能不能变成是真的数组?
我拿到的都会是 object htmldivelement 格式。。。抓不到我要的变量
Screen Shot 2022-03-17 at 11.39.40 AM.png

阅读 3.7k
2 个回答
  1. 使用 mvvm 框架的目的就是摆脱纯手动控制的复杂度,所以我建议你先想想是否一定要这么实现
  2. .getElementsByClass() 返回的是 HTMLCollection,你想转换数组的话,arr = [...elements] 就好了
  3. 你想操作 scrollLeft,那就 element[0].scrollLeft 就好了。

你这个思路就是要试图直接操作dom元素属性了,和vue没关系,至于你看到的格式是调试工具的渲染结果,你直接当变量用就可以了。
console.log(document.getElementById('id'))就是html,但是console.log(document.getElementById('id').tagName一样是string

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题