Question

我有一个名为“ tabs”的组件，其中包含一些要显示在另一页表中的道具。

export default {
  name: 'tabs',
  props: {
    id: {
      type: [String, Number],
    },
    class: {
      type: String,
      default: 'tab-links',
    },
  },
}

我已经将tabs组件导入到另一个页面，并且我想像样式指南一样在页面上显示该组件正在使用的道具。这就是我想要展示道具的方式

    <table>
      <tr>
        <th>Property</th>
        <th>Type</th>
        <th>Default value</th>
      </tr>
      <tr>
        <td>id</td>
        <td>String or Number</td>
        <td></td>
      </tr>
      <tr>
        <td>class</td>
        <td>String</td>
        <td>'tab-links'</td>
      </tr>
    </table>

我该怎么做？

谢谢！

Answer 1

如果组件页面处于同一级别，则可以使用$ emit事件轻松完成此操作：第1页：

created(){
this.$emit('emitName',propToSend)
}

第2页：将获得“ propToSend”作为道具，例如perents和childrens

以表格格式显示组件的道具Vue

1 个答案: