小编Jor*_*tte的帖子

从 vue watcher 访问组件实例

我正在从事一个项目,类似于账单经理,所以我希望每次数量或单位值发生变化时都重新计算小计,我已经尝试并搜索使用观察者或计算属性来完成此操作,但我没有找到正确的方法,因为我需要在另一个更改时访问元素的整个范围,就像这样。

模型结构:

  • 细节
  • 数量
  • 单位价值
  • 小计(应该是计算的或更新的)

所以我认为我应该能够做这样的事情:

    Vue.component('item', {
    template: '#item',
    props: {
      item: Object,
    },
    computed:{
        total: function(){ 
            return this.quantity*this.unit_value;
         }
    },
    watch:{
      'item.quantity':()=>{
        this.subtotal = this.quantity*this.unit_value;
      }
    }
  });
Run Code Online (Sandbox Code Playgroud)

我从列表中读取了几个组件

我使用观察者合并了该方法并在相同的代码中计算以使其更短。

问题是我还没有找到从内部访问孔元素的方法,任何人都可以解释正确的方法吗?谢谢

watch vue.js computed-properties vuejs2

3
推荐指数
1
解决办法
2718
查看次数

标签 统计

computed-properties ×1

vue.js ×1

vuejs2 ×1

watch ×1