（十七）Vue中动态加载类名

依据不用的数值判断是否加载类名

<template>
  <div class="menubox"
       ref="menuwrapper">
    <ul class="menuwrapper">
      <li v-for="(item,index) in dataall"
          :key="index"
          :class="[index==classname?'menuitem active':'menuitem']">
        <div class="cellbox">
          {{item.name}}
        </div>
      </li>
    </ul>
  </div>
</template>

重点的就是

:class="[x>y?'真的类名':'假的类名']"

vue中要是想获取元素的宽度和高度不能用style

因为style只能获取到内联的元素也就是类似

<div style="height:80px"></div>

这样他才能获取到。要是想获取可以用

this.$refs.xxx.clientWidth或者this.$refs.xxx.clientHeight
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容