美文网首页
element-ui talbe 使用计算属性

element-ui talbe 使用计算属性

作者: flyjar | 来源:发表于2020-12-26 10:05 被阅读0次
computed: {
     getStatus: {
       get() {
           return function (status) {

               switch(status){
               case 0:
                   return '使用中';
               case 1:
                   return '库存';
               case 2:
                   return '报废';
               case 3:
                   return '丢失';            

           }

           }
           
       }
     }
  },
<el-table-column prop="status" label="状态" width="120"> 

        <template slot-scope="scope">
                {{getStatus(scope.row.status)}}
            </template>

        </el-table-column>

相关文章

  • element-ui talbe 使用计算属性

  • 监听器和计算属性的区别watch,computed

    计算属性computed和监听器watch区别?1.能使用计算属性computed的尽量使用计算属性,但是计算属性...

  • 什么情况使用计算属性

    1、分离逻辑 需求如下: 不使用计算属性,代码长这样: 使用计算属性后,代码长这样: 显而易见,使用计算属性后,相...

  • computed深入

    计算属性set/get 计算属性 (单向)在computed属性对象中定义计算属性的方法,在页面使用{{方法名}}...

  • vue 计算属性computed

    computed计算属性 对于任何复杂逻辑,你都应当使用计算属性 计算属性中的setter 计算属性默认只有 ge...

  • 2020-07-28

    了解Vue计算属性的实现原理 computed的作用 在vue的开发中,我们不免会使用到计算属性,使用计算属性,v...

  • Vue基本语法和生命周期

    计算属性和监视 计算属性在computed属性对象中定义计算属性的方法在页面中使用{{方法名}}来显示计算的结果 ...

  • Vue的基本语法和生命周期

    一、计算属性 计算属性在computed属性对象中定义计算属性的方法在页面中使用{{方法名}}来显示计算的结果 监...

  • Vue的基本语法和生命周期

    一、计算属性 计算属性在computed属性对象中定义计算属性的方法在页面中使用{{方法名}}来显示计算的结果 监...

  • swift-属性&方法

    计算性属性:自身值的改变需要计算的,可以使用计算性属性定义 属性观察器 懒加载属性

网友评论

      本文标题:element-ui talbe 使用计算属性

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