代码之家 › 专栏 › 技术社区 › VAAA

Vuejs动态图标类

vuejs2 vue.js

-2

VAAA · 技术社区 · 7 年前

我有以下内容 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

有什么线索吗?

1 回复 | 直到 7 年前

niclas_4 7 年前

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.

推荐文章

4r60_ · 如何停止VueJS上的间隔?[副本]

3 年前

Park · Vuejs道具,路径较长

3 年前

Mathijs · vue-chartjs4中的混合气泡图和折线图

3 年前

roev · 大堆来自(物体)。forEach不使用vue。js

3 年前

haferje · Vue。用于计算属性重新渲染的js加载指示器

7 年前

Ready Dev · Axios一次发出多个请求(vue.js)

7 年前

JeanValjean · 如何在Vue中使用事件总线通过自定义事件传递数据。js 2

7 年前

dede.brahma · VueJs-元素UI el select:如何获取值父级和子级

7 年前

tzortzik · 如何使用vue路由器将对象作为道具传递?

7 年前

Tim · VueJS-迭代从AJAX调用返回的数据

7 年前