美文网首页
(十七)Vue中动态加载类名

(十七)Vue中动态加载类名

作者: 我拥抱着我的未来 | 来源:发表于2018-11-23 17:31 被阅读0次

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

<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

相关文章

网友评论

      本文标题:(十七)Vue中动态加载类名

      本文链接:https://www.haomeiwen.com/subject/blxsqqtx.html