vue.js - vue2.0如何动态获取元素的样式并修改

问题描述

问 题

我想实现一个效果就是点击一个ul中的li，某个li被点击或者鼠标移入时，他的背景会改为红色， 其他的都是蓝色，默认的也是蓝色的，但是我现在获取不到样式，用this.$refs.lis.style.cssText获取但是报错说Cannot read property 'style' of undefined，不知道问题在哪请指教。

解决方案

首先要注意的这个ul li 是当前组件还是子组件 其次 $refs的属性是子组件

<div id="app">
    <msg ref="msg"></msg>
</div>
...

created() {
  console.log(this.$refs.msg.str) // 123
}

// 对msg 组件而言
data() {
  return {
    str: '123'
  }
}

如果你的获取没问题 注意的就是lis是不是不存在 或者lis是一个数组而不具有style属性 需要遍历

这篇关于vue.js - vue2.0如何动态获取元素的样式并修改的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！