v-runtime-template и vuex вызывают бесконечный цикл обновления

Question

Я столкнулся с бесконечной петлей, которая действительно смутила меня.Я использовал v-runtime-template для загрузки динамических форм, все отлично работает, когда я использую статические данные, но переключается на бесконечный цикл после получения данных из vuex.

Я написал два примерас CodeSandbox , но учтите, что нажатие на Demo2 может привести к смерти браузера.

Загрузка данных должна выполняться через vuex.Как решить проблему бесконечного цикла, жду вашей помощи.

Answer 1

Я решил эту проблему.определение подкомпонента для загрузки v-runtime-template, получения данных в родительском компоненте и передачи его подкомпонентам через реквизиты.Код такой:

<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>