Question

我正在使用Nuxt.js来构建我的应用程序。

我正在创建一个应用程序，它将展示我们的所有组件以用于文档目的。我有以下内容：

<show-component name="my-component"></show-component>

我的Nuxt.js global.js文件导入并设置我的组件：

import ShowComponent from '../components/ShowComponent.vue'
import MyComponent from '../components/MyComponent.vue'

Vue.component('show-component', ShowComponent)
Vue.component('my-component', MyComponent)

此时我想要做的是在屏幕上显示组件正在使用的props，在这种情况下：my-component

我已经可以在我的模板代码中使用<my-component>了。我将如何在我的JS代码中使用它？类似的东西：

let component = getInstanceOf('my-component'); console.log(component.props);

很高兴获得我在props上定义的my-component的完整代表

Answer 1

打印道具数组： console.log(Object.keys(component.props))

如何在Vue中动态获取组件道具

1 个答案: