如何用不同的props重用一个value组件

Question

我创建了一个名为dynamicTable的组件，它接受配置作为prop

在我的样本上。Vue文件，它是父文件

<template>
<div>
<dynamicTable :config="config"></dynamicTable>
<el-dialog title="modal" :visible.sync="modal">
<dynamicTable :config="modal_config"></dynamicTable>
</el-dialog>
</div>
</template>

所以这里的问题是不在模态中的dynamicTable得到了模态上dynamicTable的配置

我想要的是每个动态表都有自己的配置，而不影响其他的

Answer 1

您的问题可能不是一般组件prop问题。

对于任何custom-component中的任何prop都应该运行正常:

<template>
<div>
<custom-component prop="A"></custom-component>
<el-dialog :visible.sync="modal">
<custom-component prop="B"></custom-component>
</el-dialog>
</div>
</template>

所以我猜你的问题是创建/更新config和modal_config。

我个人最喜欢的实时检查数据值的方法是使用Chrome或Firefox的Vue.js开发工具。