vue计算属性想要传入参数怎么办
先 讲解 决 方案
可以通过return 一个function来实现，在function中传入想要传给computed属性的参数
<q -i con :n am e="getIcon( IT em.icon,index+1)" style="font- Size: 2em" @click=" BT nClicked(index+1)"/>
computed:{
getIcon: function(){
return function(iconName, tabIndex){
return `${this.tabNum === tabIndex ? '' : 'o_'}${iconName}`;
}
},
.. .map stat e({
showSe Arch FriendDia LOG : 'showSearchFriendDialog',
showChangeAvatarDialog: 'showChangeAvatarDialog',
showCreateGroupDialog: 'showCreateGroupDialog',
user: 'user'
})
},
再讲一下我遇到的问题
vue的v-bind属性传入一个computed函数，当该函数带有参数的时候， 浏览器报错，当不带有参数的时候 正常 执行
下面这样解决
vue计算属性computed使用注意 事项 (有缓存)
当我们在模板中来显示一份经过对数据项进行复杂计算之后的结果时，我们有两种解决方案：
(1) 计算属性
(2) 函数
应该 如何选择？
(1)methods定义函数，如果在模板中使用，每使用一次，就相当于调用了一次，处理逻辑会重新执行。
(2)computed定义计算属性，如果在模板中使用，使用多次，但是如果依赖的数据不发生 改变 ，计算属性对应的函数不会重新执行。
(3)计算属性会做缓存， 提高 渲染的性能。
结论：
计算属性有缓存，提高渲染性能。
如果在页面上需要用到 对现有的数据进行加工得到新数据，则时要使用计算属性
想要给计算属性赋值, 则需要使用set方法
注意事项：计算属性和data一样,都需要设置return,当没有输出结果时,需要排查是不是return漏掉了
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
您可能感兴趣的 文章 : vue计算属性computed方法内传参方式 vue中的计算属性传参 vue中动态参数与计算属性的使用方法
总结
以上是 为你收集整理的 vue计算属性想要传入参数如何解决 全部内容，希望文章能够帮你解决 vue计算属性想要传入参数如何解决 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于vue计算属性想要传入参数如何解决的详细内容...