可以在Vue中具有计算属性和具有相同名称的方法

时间:2016-12-16 02:28:23

标签: javascript vue.js

我有methodcomputed property同名,当我尝试访问这些时,我收到以下错误:

  

vue.min.js:6 Uncaught TypeError:doubleAge不是函数(...)

以下是来自jsfiddle的简化代码:

var demo = new Vue({
    el: '#demo',
    data: function(){
        return {
        age: ''
      };
    },
    computed: {
      doubleAge: function () {
            return 2*this.age
        }
    },
    methods: {
      doubleAge: function () {
         return 'this is from method'
       }
    }   
})

我有doubleAge作为计算属性和方法。在这种情况下是否有其他方法可以调用该方法,如何使其工作?

1 个答案:

答案 0 :(得分:3)

否这是不可能的,对象上的每个属性都必须具有唯一名称