如何查找DOM?

查DOM

vue2.*版本中

在标签中加上ref='dom',然后在代码中this.$refs.dom这样就拿到了页面元素

例如:

<div class='box' ref='myBox'>你好</div>

让你好的颜色显示为红色:this.$refs.myBox.style.color = 'red

本次遇到问题了,我要写一个下拉框。

大致如下效果:

如何查找DOM?

那么我们先把任务拆分一下:

  1. 完成遍历数据
  2. 完成勾选,反选
  3. 完成显示与隐藏list

1. 遍历数据

这个数据,是根据我们 list 来读取出,联赛id,与联赛名的。
所以我们需要,批量获取list 中的 联赛id,与联赛名。

那么list页面结构如下:

如何查找DOM?

很明显,我们需要找到这里li 中的 id 与 name。然后存入 一个 js 对象或者数组中去。

查DOM下的所有list 中的 id 与 name

本文章首发在 LearnKu.com 网站上。

上一篇 下一篇
讨论数量: 0
发起讨论 只看当前版本


暂无话题~