vuex 로그에서 다음 상태와 이전 상태를 숨기는 방법

vuex 로그에서 다음 상태와 이전 상태를 숨기는 방법

vuex를 초기화하는 방법은 다음과 같습니다.

Vue.use(Vuex);
const store = new Vuex.Store({
  plugins: [createLogger({logger: console, collapsed: true})],
  strict: true,
  state: state,
  getters: getters,
  mutations: mutations,
  actions: actions,
});
Vue.prototype.$store = store;
export default store;

취득한 로그는 다음과 같습니다.

'변환 ADD_VIDEO_CREDIT @ 15:53:13.903'

'%c prev state' '색상: #9E9E9E; 글꼴 무게: 굵은 글씨' {프로파일: // 큰 텍스트 더미

'%c 변환' '색상: #03A9'F4; 글꼴 무게: 굵은 글씨' {타입: 'ADD_CREDIT', 페이로드: {credit: 4} }

'%c next state' 'color: #4CAF50; 글꼴-weight: 굵은 글씨' {프로파일: // 또 다른 큰 텍스트 더미

꿈에서 나는 오직 다음을 얻고 싶다.

유형: 'ADD_CREDIT', 페이로드: {credit: 4}

내가 그걸 어떻게 알아냈지금은?

createLogger 함수는 몇 가지 함수를 사용합니다.필터 함수를 사용하여 실제 변환 결과를 덮어쓰고 필요한 형식으로 콘솔에서 인쇄할 수 있습니다.

Vue.use(Vuex);
const store = new Vuex.Store({
  plugins: [
   createLogger({
  logger: console,
  collapsed: true,
  filter (mutation, stateBefore, stateAfter) {
    console.log(mutation);
    return false;
  },
}),
],
  strict: true,
  state: state,
  getters: getters,
  mutations: mutations,
  actions: actions,
});
Vue.prototype.$store = store;
export default store;

언급URL : https://stackoverflow.com/questions/58323272/how-to-hide-next-state-and-previous-state-in-vuex-logs