为什么 Vue.js 中动态变更标签样式无效？
2024-11-22 18:15:53
0浏览
收藏
各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《为什么 Vue.js 中动态变更标签样式无效？》，很明显是关于文章的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！
动态变更标签样式的疑惑
在使用 vue.js 时，遇到一个问题：为一个标签添加了动态样式，基于某个事件触发后传入一个布尔值，理论上样式会发生改变。然而，触发事件后，样式却没有发生变化。
问题代码如下：
<div class="content" :class="{ active:iscollapse }"> <myheader @changemenu="changemenu" :iscollapse="!iscollapse"></myheader>
data () { return { iscollapse: false } }, methods: { changemenu () { this.iscollapse = !this.iscollapse } }
.content { padding-left: 200px; .active { padding-left: 65px; } }
控制台输出了以下内容：
