Vuejs - 基于其他计算属性的计算属性

Question

我正在尝试从另一个计算属性获取计算属性，如下所示：var instance = new Vue({    el: "#instance",    data: {        aha: ""    },    computed: {        len: function(){            return this.aha.length;        },        plus : function(){            return this.len + 2;        }    }});这不起作用。我得到NaN在我的模板，当我试图显示plus。有没有办法使这项工作？这个问题的答案对我不起作用。

Answer 1

您正在尝试访问lengthtype 字段number。

this.len是数字，所以this.len.length是未定义的。你只需要使用this.len：

var instance = new Vue({

    el: "#instance",

    data: {

        aha: ""

    },

    computed: {

        len: function(){

            return this.aha.length;

        },

        plus : function(){

            return this.len+ 2;

        }

    }

});

Answer 2

data 组件中的属性必须是一个函数，所以在你的情况下它应该这样写：

data () {

 return {

   aha: ""

 }

}