如何在不渲染的情况下以编程方式从vue js组件读取属性

时间:2020-05-12 21:09:45

标签: javascript webpack vuejs2 vue-component

我将如何读取vue js组件对象上的数据属性?就我而言,我正在使用require.context动态创建组件,然后遍历键/文件名。我可以从文件名创建一个组件,但是我想按照下面的示例从组件/对象中读取schema对象。

示例vue组件模板,我想从中读取模式数据属性而不渲染实例/ component。我的想法是查看每个组件以确定是否存在架构,然后将该架构注入FormFactory中。如果我手动注入模式对象,但无法从vue组件读取模式,则FormFactory可以正常工作。我尝试在路径上使用importrequire,但这不起作用。

为清楚起见,我知道如何访问Vue呈现的组件中的属性,并且知道如何生成动态组件,我似乎无法通过require.context()迭代从对象/组件中读取属性


<template>

</template>

<script>
  export default {
      data() {
          return {
              formData: {
                  firstName: "Evan"
              },
              schema: [
                  {
                      fieldType: "TextField",
                      placeholder: "First Name",
                      label: "First Name",
                      name: "firstName"
                  },
                  {
                      fieldType: "TextAreaField",
                      placeholder: "Description",
                      label: "Description",
                      name: "description"
                  },
                  {
                      fieldType: "EmailField",
                      placeholder: "Email",
                      label: "Email",
                      name: "email"
                  }
              ]
          };
      }
  }
</script>

0 个答案:

没有答案
相关问题