代码之家 › 专栏 › 技术社区 › Guardian

Vuejs:对象中的计算属性

computed-properties vue.js

Guardian · 技术社区 · 5 年前

elementData{
  amount: '',
  unit_price: '',
  total: '',
}

现在我希望total是一个计算属性,因为我希望避免使用amount和unit price上的观察程序来更新total。

但由于某些原因,我似乎在文档中找不到任何关于深层计算属性的内容?

不过,这似乎是一个相当常见的用例。

1 回复 | 直到 5 年前

Diego Segovia 5 年前

您可以在“计算”部分中这样使用它:

computed:{
 total: function(){
   return this.unit_price * this.amount
 }
}

请记住,如果您使用的是字符串而不是整数/浮点,则必须使用parseInt或parseFloat方法来正确计算总数

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前