vue js 如何对 HTMLdivElement 进行操作？

Question

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

我使用 element UI

且透过

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

取得伪数组

我想实现的是可以控制 table 的左右滑动
有成功实现了
只是他能不能变成是真的数组？
我拿到的都会是 object htmldivelement 格式。。。抓不到我要的变量

Answer 1

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

Answer 2

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