vue使用计算属性computed传参

作者: 小枫枫

临枫的项目经历分享给你们啦~

扫码交朋友

标签:

特别声明:文章有少部分为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

computed是不支持传参的 

但是用闭包是可以实现的:

 

<!-- 页面展示数字 : 3  -->
<text>{{sum(1,2)}}</text>


computed: {
	sum() {
		return (num1, num2) => {
			return num1 + num2
		}
	}
},

 

emmm 有点鸡肋  还不如直接写在 methods 里面

 

<!-- 页面展示数字 : 3  -->
<text>{{sum(1,2)}}</text>


methods: {
	sum(num1, num2) {
	        return num1 + num2
	}
},

 

或者 filters  (filters  不能使用data里面this指向的变量)

 

<!-- 页面展示数字 : 3  -->
<text>{{1 | sum(2)}}</text>


filters: {
	sum(num1, num2) {
	     return num1 + num2
	}
},
本文最后更新于2020-10-15,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
分享到:
打赏

作者: 小枫枫, 转载或复制请以 超链接形式 并注明出处 小枫枫不疯喔
原文地址: 《vue使用计算属性computed传参》 发布于2020-10-15

评论

  1. #2
    好的 游客 Lv.1

    加油

  2. #1
    cky 游客 Lv.1

    laji

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏