美文网首页
vue2.0v-for循环,然后根据值来设置变量为不同的值。

vue2.0v-for循环,然后根据值来设置变量为不同的值。

作者: jeanzy | 来源:发表于2020-03-23 22:27 被阅读0次
<div :item='item' :key="index" class="innerdevice" @click="moreinfo">
                        {{item.name}}
                        <div class="bottom">{{change(item.status)}}</div>
                        
                </div>
 methods:{
        moreinfo(){
            store.dispatch('setMoreInfo');
        },change(item){
            if (item == 'normal'){
                return '正常';
            }else if (item == 'alarm'){
                return '警告';
            }else if(item == 'dropped'){
                return '离线';
            }
        }
    }

相关文章

网友评论

      本文标题:vue2.0v-for循环,然后根据值来设置变量为不同的值。

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