Truy cập getters trong các đột biến Vuex

Question

Trong đột biến cửa hàng Vuex, có thể truy cập bộ thu thập dữ liệu không? Hãy xem xét ví dụ bên dưới.

new Vuex.Store({ 
    state: { 
     question: 'Is it possible to access getters within a Vuex mutation?' 
    }, 
    mutations: { 
     askQuestion(state) { 
      // TODO: Get question from getter here 
      let question = ''; 

      if (question) { 
       // ... 
      } 
     } 
    }, 
    getters: { 
     getQuestion: (state) => { 
      return state.question; 
     } 
    } 
}); 

Tất nhiên ví dụ này không có ý nghĩa nhiều, bởi vì tôi chỉ có thể truy cập vào question sở hữu trực tiếp trên đối tượng state trong đột biến, nhưng tôi hy vọng bạn sẽ thấy những gì tôi đang cố gắng làm. Đó là trạng thái thao tác có điều kiện.

Trong đột biến, this là undefined và thông số state cho phép truy cập đối tượng state và không phải phần còn lại của cửa hàng.

The documentation on mutations không đề cập gì về việc này.

Tôi đoán là điều đó là không thể, trừ khi tôi bỏ lỡ điều gì đó? Tôi đoán thay thế sẽ là thực hiện logic này bên ngoài cửa hàng (dẫn đến sao chép mã) hoặc thực hiện một hành động thực hiện điều này, bởi vì các hành động có quyền truy cập vào toàn bộ bối cảnh cửa hàng. Tôi khá chắc chắn rằng đó là một cách tiếp cận tốt hơn, đó là để giữ cho đột biến tập trung vào những gì nó thực sự phải làm; biến đổi trạng thái. Đó có lẽ là những gì tôi sẽ làm, nhưng tôi chỉ tò mò nếu truy cập một getter trong một đột biến thậm chí có thể?

Answer 1

Phương pháp đột biến lưu trữ Vuex không cung cấp quyền truy cập trực tiếp vào getters.

Đây có lẽ là thói quen xấu, nhưng bạn có thể vượt qua một tham chiếu đến getters khi cam kết một đột biến như vậy:

actions: { 
    fooAction({commit, getters}, data) { 
    commit('FOO_MUTATION', {data, getters}) 
    } 
}, 
mutations: { 
    FOO_MUTATION(state, {data, getters}) { 
    console.log(getters); 
    } 
}