vue动态绑定style

HUAI-

已于 2022-05-06 16:58:24 修改

阅读量1.1w

点赞数

分类专栏： vue 文章标签： vue.js javascript elementui

于 2018-07-30 18:45:14 首次发布

本文链接：https://blog.csdn.net/qq_36657291/article/details/81289829

版权

vue 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

项目实例：

:style="{

boxSizing:'border-box',height:29+'px',top:(valch-1)*29+'px',

background:chose(val.subjectCode),

borderLeft:' 10px ' + ' solid ' + chose1(val.subjectCode

)}"

 <ul class="days">
            <li v-for="(day, index) in days" :key="index">
              <!--本月-->
              <template v-for="(v,k) in resultobj">
                <ul v-if='day.getDate()==key' v-for="(value,key) in v" :key="key">

                  <li v-for="(val,index1) in value">
                    <div class="div" :class="{'xzactive':dd}" @click="show(val,key);a=val" 
                        v-for="(valch,index2) in val.courseTimeCodes" :style=" 
                        {boxSizing:'border-box',height:29+'px',top:(valch- 
                          1)*29+'px',background:chose(val.subjectCode),borderLeft:' 10px ' 
                        + ' solid ' + chose1(val.subjectCode)}">
                      <span v-if="valch!=val.courseTimeCodes[index2+1]-1" :style=" 
    {color:chose1(val.subjectCode),bottom:calcBottom(val.courseTimeCodes,index2)}"> 
            {{commonSubject[val.subjectCode]}}
                     </span>
                  </div>
                  </li>
                </ul>
              </template>
            </li>
   </ul>