vue.js - 向 vue 元素添加一个类

Question

我有一个div这样的：

   <div
      v-for="(server, index) in server_list"
      class="server_item border_999_top_left_right"  // there I want to add a more class under a certain conditions
    >

我有更多的课程border_bottom，如果符合条件，我想添加它。

class="border_bottom"当它满足诸如 的条件时如何添加1==1？

标签： vue.js

Answer 1

您可以使用一个函数来执行此操作：

<div
  v-for="(server, index) in server_list"
  :class="get_class(index)"  // there I want to add a more class under a certain conditions
>

条件方法：

get_class(index) {

    return {
      'server_item': true,
      'border_999_top_left_right': true,
      'more_class': index === 10
    }
}