美文网首页
Vue踩过的坑

Vue踩过的坑

作者: 夜消雨霁 | 来源:发表于2020-05-08 22:02 被阅读0次

NO.1 vue中的计算属性computed是不能传参的,只能通过变通的方法

比如:{{getUserNames(userInfo)}}

这里面的数据userInfo里包含许多user的信息,信息里有姓名、年龄、职位等,这里获取所有用户的姓名信息

那在js部分:

computed(){
    getUserNames: function(userInfo){

        return function(userInfo){

            return userInfo.map((item)=>{

                item.name;

            })

        };

    }
}

另一种情况的思路:

computed: { 

     goodsType: function(type){

        switch(type) {

            case3:   

                return"color: #ff9900"

                break;

            case5:

                return"color: #00BC0C"

                break;

         } 

     }

}

相关文章

  • vue踩过的坑

    vue踩过的坑

  • Vue踩坑实录(二)

    在上一篇中说了一下踩过的前三个坑,剩下的坑就在这篇中全部搞定吧。Vue踩坑实录(一) Vue-cli .js?.V...

  • Vue 踩过的坑

    1.路由变化页面数据不刷新问题 出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因...

  • Vue踩过的坑

    NO.1 vue中的计算属性computed是不能传参的,只能通过变通的方法 比如:{{getUserNames(...

  • 【笔记】一些已解决问题的方法汇总

    记录一下平时解决过的问题以及参考文章,避免踩过的坑重复踩。- -↓ ↓ ↓ windows下vue.js开发环...

  • vue中bus.$on事件被多次绑定

    vue中eventbus被多次触发(vue中使用eventbus踩过的坑)【bus.$on事件被多次绑定】 问题描...

  • 交互设计师所要避免的几个坑

    前言 工作中难免会踩到几个坑,即使现在不踩以后还会踩,只有踩过才会深刻记住,踩过说明爱过!但是踩过的坑必须把坑填满...

  • vue中computed和watch之间的差异

    最近项目中使用了vue框架,之前并没有接触过,所以也是一边做一边成长。 踩的坑不少,但是谁还不是踩坑成长的呢~不管...

  • vue项目启动出现的问题

    vue踩坑-Error: listen EADDRNOTAVAIL 192.168.1.122:8081 1:cd...

  • vue开发中踩过的坑

    watch 它用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是...

网友评论

      本文标题:Vue踩过的坑

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