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

一分耕耘，一分收获！既然都打开这篇《Vue.js 动态样式改变失效：为什么使用后代选择器 `.content .active` 无法生效？》，就坚持看下去，学下去吧！本文主要会给大家讲到等等知识点，如果大家对本文有好的建议或者看到有不足之处，非常欢迎大家积极提出！在后续文章我会继续更新文章相关的内容，希望对大家都有所帮助！

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

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

data() {
  return {
    iscollapse: false
  }
},
methods: {
  changemenu() {
    this.iscollapse = !this.iscollapse
  }
}

.content {
  padding-left: 200px;
}
.active {
  padding-left: 65px;
}

然而，在触发事件后，控制台显示：