0

0

Vue.js 动态样式改变失效:为什么使用后代选择器 `.content .active` 无法生效?

DDD

DDD

发布时间:2024-11-02 13:59:18

|

1028人浏览过

|

来源于php中文网

原创

vue.js 动态样式改变失效:为什么使用后代选择器 `.content .active` 无法生效?

动态添加样式实现事件操作样式改变

使用 vue.js 实现了一个带有动态样式的标签,目的是当触发某个事件时,根据传入的布尔值来改变样式。

data() {
  return {
    iscollapse: false
  }
},
methods: {
  changemenu() {
    this.iscollapse = !this.iscollapse
  }
}
.content {
  padding-left: 200px;
}
.active {
  padding-left: 65px;
}

然而,在触发事件后,控制台显示: