VueJS:将参数传递给方法对象的计算属性

时间:2017-10-06 14:42:42

标签: javascript vuejs2

在VueJS中,我发现无法将参数传递给方法对象的计算属性。我想知道这背后的逻辑。

有没有办法将参数传递给方法对象的计算属性。

这样的事情:

HTML

<div id="app">

  <p>Computed Property width: {{ width }}</p>

  <p>Changed Width: {{changed}}</p>

  <button @click="changeWidth">Get new Width</button>
</div>

JS

new Vue({
  el: '#app',
  data: {
    msg: 'Test Message',
    changed: 0
  },

  computed: { 
    width: function(factor){
        return 20 * factor;
    }

  },
  methods: { 
    changeWidth: function(){
        this.changed += 20 * this.width(5);
    }
  }
})

0 个答案:

没有答案