v-module-vuex 및 vuex가 무한 업데이트 루프를 발생시킵니다.

v-module-vuex 및 vuex가 무한 업데이트 루프를 발생시킵니다.

나는 나를 혼란스럽게 하는 무한 루프를 발견했다.v-runtime-template를 사용하여 동적 형식을 로드했습니다. 정적 데이터를 사용하면 모든 것이 정상적으로 작동하지만 vuex에서 데이터를 가져온 후 무한 루프로 전환됩니다.

Code Sandbox로 두 가지 예를 작성했습니다만, Demo2를 클릭하면 브라우저가 다운될 수 있습니다.

데이터 로드는 vuex를 통해 수행해야 합니다.무한 루프 문제를 어떻게 해결할지, 잘 부탁드립니다.

나는 이 문제를 해결했다.v-syslog를 로드하는 하위 구성요소를 정의하고, 상위 구성요소에서 데이터를 가져와 소품을 통해 하위 구성요소로 전달합니다.코드는 다음과 같습니다.

<template>
  <form data-vv-scope="custom-form" v-if="html">
    <form-content :html="html" :data="data" :permission="permission" />
  </form>
</template>

<script>
import FormContent from "@/components/FormContent.vue";
import { mapState } from "vuex";

export default {
  name: "demo2",
  computed: mapState({
    html: state => state.html,
    data: state => state.data,
    permission: state => state.permission
  }),
  components: {
    FormContent
  },
  created() {
    this.$store.dispatch("loadForm");
  }
};
</script>

언급URL : https://stackoverflow.com/questions/55158447/v-runtime-template-and-vuex-cause-infinite-update-loop