vue中计算属性computed传递参数

vue中computed计算属性无法直接进行传参，如果有传参数的需求可以使用闭包函数（也叫匿名函数）实现。例如传过来不同的状态，我们设置成不同的颜色。（三目运算符可以实现但是只能设置两种，状态多了就不行了）

 :class="statusColor(item.status)"

使用computed

computed: {statusColor() {return function(val) {console.log(val);//根据val进行操作};},},

这里也可以直接写成methods里的方法，但是不推荐使用methods（没有缓存），具体为啥可以看看vue官网method和computed的区别

vue中计算属性computed传递参数相关推荐

关于Vue中计算属性computed和methods属性的区别，你了解多少呢
文章目录 1.实例 2.computed计算属性中: 前提1.当计算属性fn2没有依赖data中的数据时: 前提2.:当计算属性依赖data中的数据时: 3.区别: 在做项目过程中,有时会出现同一个需 ...
Vue的计算属性computed和监听属性watch
Vue的计算属性computed 定义通过已有属性计算生成一个新的组合属性. 原理底层借助了Object.defineproperty方法提供的getter和setter来实现. 性质计算属性的 ...
vue的计算属性computed
计算属性的应用场景从已有的数据A中计算等到的新的数据B,使用计算属性如果一个结果需要依赖data中的数据,但是需要经过一些逻辑处理,才能得到你想要的数据.此时就可以使用计算属性. 定义格式计算属 ...
HTML之Vue框架计算属性computed的简单使用实现自动计算总分和平均分
HTML之Vue框架计算属性computed的简单使用实现自动计算总分和平均分预计效果代码结果展示预计效果页面输入数学.物理.英语分数,自动计算出总分和平均分,并展示到界面,如下图所示代码 ...
Vue中计算属性和axios基本使用回顾
目录 1. 什么是计算属性 2. 计算属性的特点 3. 如何声明计算属性 4. 计算属性的使用注意点 5. 计算属性 vs 方法 6.axios axios 的基本使用 1. 发起 GET 请求: 2 ...
Vue中计算属性与class,style绑定
var vm=new Vue({ el:'#app', data:{ a:2, }, computed:{ //这里的b是计算属性:默认getter b:{ get:function(){ retur ...
Vue初学——计算属性Computed和Methods
methods methods是一个vue对象中的属性,而在这个属性中,写的是种种要实现的方法. computed computed是一个属性,在属性中写的也是要实现的方法,那其中同方法一样的写法,总 ...
Vue之计算属性Computed
计算属性将被添加到Vue的实例中.计算属性内部的getter和setter函数内的this上下文将自动地绑定为Vue实例不应该使用箭头函数来定义计算属性函数 (例如 aDouble: () => ...
form中action属性后面?传递参数获取不到
1 $p_id = $_REQUEST['p_id']; 2 3 echo "<h1>您将更新商品编号为<span>$p_id</span>的商品信息 & ...

vue中计算属性computed传递参数

vue中计算属性computed传递参数相关推荐

最新文章

热门文章