vue js 如何对 HTMLdivElement 进行操作？

  • Z时代
  • 2024-03-13
  • 分类：IT

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

我使用 element UI

且透过

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

取得伪数组
vue js 如何对 HTMLdivElement 进行操作？

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

回答：

  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

以上是 vue js 如何对 HTMLdivElement 进行操作？ 的全部内容， 来源链接： utcz.com/p/937301.html

回到顶部