zoukankan      html  css  js  c++  java
  • vue $refs给for循环出来的某一个添加样式

    <ul class="q-main-u">
      <li v-for="(subitem,subindex) in quectionList" ref="list" :key="subindex">
        <span>{{subitem.text}}</span>
      </li>
    </ul>
    

      以上,是for循环渲染出来的一个列表,给li添加ref,

    在需要给具体的某一个添加样式的时候可以这样写 

    this.$refs.list[i].style.backgroundColor="rgba(214,37,80,.5)"
    

      其中this.$refs.list为查询到的所有的li,

      this.$refs.list[i],根据索引找到其中需要的某一个li,

      给这个li添加一个背景颜色,必须写成backgroundColor,不能写background-color形式;

      背景色是可以使用rgba()形式的;

    添加其他样式也是同样的写法。

    的的

    的的的

    。。。。。。

  • 相关阅读:
    Java第一次作业
    第十一次作业
    第十次作业
    第九次作业
    第五次作业
    第四次作业
    第三次作业
    第二次作业
    Java23种设计模式
    第三次作业
  • 原文地址:https://www.cnblogs.com/yeziyou/p/13495648.html
Copyright © 2011-2022 走看看