我将如何读取vue js组件对象上的数据属性?就我而言,我正在使用require.context
动态创建组件,然后遍历键/文件名。我可以从文件名创建一个组件,但是我想按照下面的示例从组件/对象中读取schema
对象。
示例vue组件模板,我想从中读取模式数据属性而不渲染实例/ component。我的想法是查看每个组件以确定是否存在架构,然后将该架构注入FormFactory中。如果我手动注入模式对象,但无法从vue组件读取模式,则FormFactory
可以正常工作。我尝试在路径上使用import
和require
,但这不起作用。
为清楚起见,我知道如何访问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>