当前位置:   article > 正文

:class数组写法_:class 数组

:class 数组
  1.  :class="[
  2.                   'submit-btn',
  3.                   activeCss,
  4.                   {
  5.                     'hidden-btn': (fullState == 4 && isEdite),
  6.                   },
  7.                 ]"
  8.  <div :class="['tag', activeTag]">
  9.  computed: {
  10.        activeTag() {
  11.       if (this.fullState == 3) {
  12.         return 'yellow-btn'
  13.       } else {
  14.         return 'gray-btn'
  15.       }
  16.     },
  17.     activeCss() {
  18.       if (this.fullState == 3 && !this.limited && this.audience) {
  19.         return 'yellow-btn'
  20.       } else {
  21.         return 'gray-btn'
  22.       }
  23.     },
  24.     },
  25. 然后在css中
  26.  .gray-btn {
  27.             color: #666666;
  28.             background: #ececec;
  29.           }
  30.           .yellow-btn {
  31.             color: #ffffff;
  32.             background: #ffaa1e;
  33.           }

本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号