vue.js中的computed计算属性如何传递参数

发布于

笔者参考博客https://blog.csdn.net/qq_35775675/article/details/82288571的做法后，的确成功了 。

下面是笔者的写法：

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

代码语言：javascript
复制
computed: {
            photoList() {
                return function(value){
                    var imgList = [];
                    for(var i=0;i<value.length;i++){
                        imgList.push({src: value[i]});
                    }
                    return imgList;
                }
            }

    }</code></pre></div></div><p>template：</p><div class="rno-markdown-code"><div class="rno-markdown-code-toolbar"><div class="rno-markdown-code-toolbar-info"><div class="rno-markdown-code-toolbar-item is-type"><span class="is-m-hidden">代码语言：</span>javascript</div></div><div class="rno-markdown-code-toolbar-opt"><div class="rno-markdown-code-toolbar-copy"><i class="icon-copy"></i><span class="is-m-hidden">复制</span></div></div></div><div class="developer-code-block"><pre class="prism-token token line-numbers language-javascript"><code class="language-javascript" style="margin-left:0"> &lt;div&gt;{{photoList(item.photo)}}&lt;/div&gt;</code></pre></div></div><p>最后的效果就是在div里面显示了计算属性photoList的返回值。</p>
#javascript#闭包#博客