uni-app父页控制子组件显示指定内容

在uni-app中，可以使用slot插槽来实现父组件控制子组件显示指定内容。具体步骤如下：

1. 在子组件中定义一个或多个slot插槽

<template>
  <div>
    <slot name="content"></slot>
    <slot name="other"></slot>
  </div>
</template>

2. 在父组件中调用子组件，并在需要的地方插入内容

<template>
  <div>
    <child>
      <template v-slot:content>
        <p>这是内容</p>
      </template>
      <template v-slot:other>
        <p>这是其他内容</p>
      </template>
    </child>
  </div>
</template>

在上面的例子中，父组件调用了子组件，并通过slot插槽向子组件传递了两个内容，一个是content插槽中的内容，一个是other插槽中的内容。在子组件中，使用slot插槽来显示这些内容。

如果需要在父组件中控制子组件显示指定内容，可以使用v-if指令来控制插槽中的内容是否显示。例如，可以在父组件中定义一个变量showContent，然后在content插槽中使用v-if指令来控制显示：

<template>
  <div>
    <button @click="showContent = !showContent">切换显示内容</button>
    <child>
      <template v-slot:content>
        <p v-if="showContent">这是内容</p>
        <p v-else>暂无内容</p>
      </template>
      <template v-slot:other>
        <p>这是其他内容</p>
      </template>
    </child>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showContent: true
    }
  }
}
</script>

在上面的例子中，定义了一个按钮，点击按钮可以切换显示内容。在content插槽中，使用v-if指令来判断showContent变量的值，如果为true则显示内容，否则显示暂无内容。通过这种方式，就可以在父组件中控制子组件显示指定内容。