当前位置: 首页 > 知识库问答 >
问题:

javascript - vue3 数组内如何用computed计算属性值?

郝杰
2023-08-04

例如

  const demo = ref([    {      a: 1,      b: computed(() => {        // 在这里我要拿到当前对象下a的值        return a + 1      })    },    {      a: 2,      b: computed(() => {        // 在这里我要拿到当前对象下a的值        return a + 2      })    }  ])

共有2个答案

况承福
2023-08-04

渲染item.b的时候直接用item.a+1不就可以吗

段干楚青
2023-08-04

这不是一个 Vue 问题,这是 JS 问题

不管通过什么方法拿到那个对象就行了

const getItem = (a) => {    const item = {        a,        b: computed(() => item.a + 1)    }    return item} 
 类似资料:
  • 计算属性将函数声明为属性,Ember.js在需要时自动调用计算属性,并在一个变量中组合一个或多个属性。 下表列出了计算属性的属性 - S.No. 属性和描述 1 链接计算属性 链接计算属性用于与一个或多个预定义的计算属性聚合。 2 Dynamic Updating 在调用计算属性时动态更新它们。 3 Setting Computed Properties 通过使用setter和getter方法帮助

  • 主要内容:实例 1,实例 2,computed vs methods,实例 3,computed setter,实例 4计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子: 实例 1 <div id="app"> {{ message.split('').reverse().join('') }} </div> 实例 1 中模板变的很复杂起来,也不容易看懂理解。 接下来我们看看使用了计算属性的实例: 实例 2 <!DOCTYPE html

  • 本文向大家介绍Vue.js计算属性computed与watch(5),包括了Vue.js计算属性computed与watch(5)的使用技巧和注意事项,需要的朋友参考一下 在模板中绑定表达式是非常便利的,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当

  • 可以使用Setter和Getter方法完成计算属性的设置。 它管理在computed属性中声明的变量的值。 set()方法计算程序中指定的特定条件的值, get()方法从setter获取值并显示数据。 语法 (Syntax) var ClassName = Ember.Object.extend ({ funcName: Ember.computed(function(){ re

  • 链接计算属性用于与单个属性下的一个或多个预定义计算属性聚合。 语法 (Syntax) var ClassName = Ember.Object.extend ({ NameOfComputedProperty1: Ember.computed(function() { return VariableName; }), NameOfComputedProperty2:

  • computed属性访问数组中的所有项以确定其值。 它可以轻松添加项目并从阵列中删除项目。 从属密钥包含一个特殊密钥@each ,它更新当前计算属性的绑定和观察者。 例子 (Example) 以下示例通过使用Ember的@each键显示计算属性和聚合数据的使用 - import Ember from 'ember'; export default function() { var Perso