VueJS动态图标类

Question

我有以下i元素：

<i class="icon-user custom-style test"
          v-if="employee.status === 0 && this.employeeType === 'admin'">
    </i>

我想根据v-if的相同情况替换班级图标用户。

因此，如果employee.status === 0 && this.employeeType === 'admin'的图标类别应为icon-user，否则应为icon-home

有任何线索吗？

Answer 1

computed: {
  classObject: function() {
    if(this.employee.status === 0 && this.employeeType === 'admin')
    {
      return "icon-user";
    }
    else return "icon-home"

<i v-bind:class="classObject"></i>

这应该是一个解决方案，a lot of other options in the docs.