如何在vue中定位特定的ul?

分享于2023年03月15日 css javascript vue.js 问答
【问题标题】:how to target specific ul in vue?如何在vue中定位特定的ul?
【发布时间】:2023-03-13 18:45:01
【问题描述】:

点击时我想扩展特定的 ul,但它正在扩展每个 ul。我无法定位单个 ul。

.ul {
  list-style: none;
  right: 25px;
  bottom: 10px;
  height: 60px;
  overflow: hidden;
  width: 200px;
  border-bottom: 1px solid #cfdada;
}

.landingPage ul.activeClass {
  overflow: auto;
}

{{i}}

  • {{m.name}}
More..

  • 你在 li 而不是 ul 上这样做
  • 你能解释一下吗?
  • 你想让 li 激活吗??/
  • on more button click only one ul should expand .

【解决方案1】:

isActive 应该设置为每个对象 e ,你应该像这样改变你的代码:

computed: {
  activeDataBox () {
    return this.dataBox.map(e => {
      e.isActive = false
      return e
    })
  }
}

{{i}}

  • {{m.name}}
More..

【讨论】: