Có thể sử dụng các thuộc tính được tính toán để tính toán các thuộc tính khác trong Vue không?

Question

Nếu tôi có một hai thuộc tính như thế này,

computed: { 
    id: function(){ return this.$route.query.id; }, 
    hasId: function(){ return this.$route.query.id !== undefined; } 
} 

làm thế nào tôi có thể sử dụng để tính toán idhasId như pseudo-code này?

computed: { 
    id: function(){ return this.$route.query.id; }, 
    hasId: function(){ return id !== undefined; } 
} 

Answer 1

Bạn cần phải sử dụng phạm vi đúng để truy cập vào một tài sản vue tính.

vì bạn đang sử dụng chỉ id, nó sẽ tìm kiếm trong phạm vi toàn cầu và không tìm thấy nó và sẽ trả lại không xác định. Để nhận được tài sản tính vue, bạn cần làm: this.id, do đó, mã của bạn sẽ trông giống như sau:

computed: { 
    id: function() { return this.$route.query.id; }, 
    hasId: function() { return this.id !== undefined; } 
} 

Bên trong một thành phần, this đề cập đến Vue instance của chúng tôi. Tuy nhiên bạn có thể truy cập $ tuyến đường và chức năng tương tự khác từ this, vì chúng đã được quy định tại Vue.prototype, xem dưới đây mã từ vue-router:

Object.defineProperty(Vue.prototype, '$route', { 
    get: function get$1() { return this.$root._route } 
}) 

Answer 2

Mã giả của bạn rất gần. Chỉ cần thay đổi id để this.id()

computed: { 
    id: function(){ return this.$route.query.id; }, 
    hasId: function(){ return this.id() !== undefined; } 
}