当前位置:网站首页 > Vue.js开发 > 正文

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

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; } } }

template:

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

最后的效果就是在div里面显示了计算属性photoList的返回值。

vue中computed计算属性传入参数

使用computed计算属性进行传参

到此这篇vue.js中的computed计算属性如何传递参数的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • vue让跳转路由参数不在地址栏显示2024-11-28 20:45:09
  • vue获取当前页面路由2024-11-28 20:45:09
  • VUE报错: Avoid mutating a prop directly since the value will be overwritten whenever the parent及解决方案2024-11-28 20:45:09
  • vue组件实现全屏倍速视频播放功能2024-11-28 20:45:09
  • vue中父组件传值给子组件,父组件值改变,子组件不能重新渲染2024-11-28 20:45:09
  • vue3.0视频播放插件实现全屏倍速等(vue-vedio-player)2024-11-28 20:45:09
  • VUE报错: Avoided redundant navigation to current location【解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题】2024-11-28 20:45:09
  • 查看项目中vue版本以及@vue/cli版本2024-11-28 20:45:09
  • VUE动态绑定class2024-11-28 20:45:09
  • VUE阻止移动端滑动默认行为2024-11-28 20:45:09
  • 全屏图片