vue-cli项目笔记

1.怎么动态改变样式?
vue-cli项目笔记_第1张图片
一开始呢,我是这样写的,li不是v-for循环出来的,当要判断当前点击是哪一个li时,我通过

 for (let i = 0; i < aLi.length; i++) {
      console.log(aLi[i]);
      aLi[i].setAttribute("index", i);
      aLi[i].onclick = function() {
        console.log(aLi[i].getAttribute("index");
        //...
 }

我的思路是获取到当前点击的下标,根据css3选择器将当前点击的li获取到,再根据style.color改变颜色,但是提示获取到的元素是‘style’ of undefined……后来发现是异步回调获取for循环问题,可以用闭包解决(可是取不到this了??)于是根据网上的资料采用新的方法。

你可能感兴趣的:(vue)