vue.js - 子元素的点击事件 修改父元素的样式

问题描述

问 题

点击子元素 修改 父亲元素的样式
代码 如下

 <div class="{{ isActive ? 'active' : 'disabled'  }}">
      <p v-on:click="modifyParentClass"> subElement </p>
 </div>

我想点击p元素 去修改div的class 将它改变为diabled

如果 只有一个的话 这好办：

export default { 
          data () { 
                return { 
                            isActive: true
                   }
          },
          methods: { 
                  modifyParentClass () {
                       this.isActive = false
                      }
       }
 }

but 这一段html 是遍历产生的 ，无法控制他的准确数量，所以就没有办法在data 里面定义这个isActive，所以 我现在通过jquery去 直接操纵dom 获取元素 然后增加 class 但是这样肯定不好，就违背了数据驱动。。。。

各位兄弟，你们有遇到过这种情况？？？？

anyone help？？？？？？？？？？

解决方案

https://github.com/creatshare...

这篇关于vue.js - 子元素的点击事件 修改父元素的样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！