（十七）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