Vue计算属性computed传递参数

bigdargon

已于 2022-02-23 13:52:40 修改

阅读量954

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js javascript 前端

于 2021-12-06 21:51:31 首次发布

本文链接：https://blog.youkuaiyun.com/bigdargon/article/details/121757148

vue 专栏收录该内容

15 篇文章

订阅专栏

博客探讨了在Vue中如何正确使用计算属性来处理动态数据。内容指出直接在photoList后加参数在Vue中无效，推荐使用JavaScript闭包的方式来实现。通过示例展示了如何定义一个计算属性来处理图片列表，并在模板中调用该计算属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

computed：注意不能直接在photoList后面加参数，没效果（应该是vue不支持），应该以JavaScript闭包的形式：

computed: {
    photoList() {
        return function(value){
            var imgList = [];
            for(var i=0;i<value.length;i++){
                imgList.push({src: value[i]});
            }
            return imgList;
        }
    }
}

调用

 <div>{{photoList(item.photo)}}</div>