Vuejs2 v-runtime-template和vuex导致无限更新循环

我遇到了一个无限循环，这让我很困惑。我曾经加载动态表单，使用静态数据时一切正常，但从vuex获取数据后切换到无限循环

我已经用编写了两个示例，但请注意，单击Demo2可能会导致浏览器死机

---

需要通过vuex加载数据。如何解决无限循环的问题，我期待您的帮助。

我已经解决了这个问题。定义子组件以加载v-runtime-template，获取父组件中的数据并通过props将其传递给子组件。 代码如下：

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

从“@/components/FormContent.vue”导入FormContent；
从“vuex”导入{mapState}；
导出默认值{
名称：“demo2”，
计算：mapState({
html:state=>state.html，
data:state=>state.data，
权限：state=>state.permission
}),
组成部分：{
FormContent
},
创建（）{
这是。$store.dispatch（“loadForm”）；
}
};

我不知道这个答案怎么会完美！你救了我的命，兄弟。。。图特