文档中心 > 店铺动态卡片-开发指引

router-view

更新时间:2023/03/06 访问次数:12184

路由包裹组件


一、注意事项


基于框架上层封装,基于应用框架现有功能,要求组件树层级中,在渲染时,组件树中只允许存在嵌套关系的router-view,不允许两个router-view在同一层级中出现,如:


//错误使用方式
<view>
  <router-view />
  <router-view />
</view>
//component-a
<view>
  <router-view />
</view>
//component-b
<view>
  <router-view />
</view>
<view>
  <component-a /> //会导致错误,因两个router-view组件不是嵌套关系
  <component-b />
</view>


二、定义


{
  "component": true,
  "usingComponents": {
    "router-view": "miniapp-router/router-view/router-view",
  }
}


三、案例


<view>
  <view class="content-main-container" >
    <router-view>
      <button slot="button" />
      <slider slot="slider" />
      <icon slot="icon" />
      <text slot="text" />
      <progress slot="progress" />
      <menu slot="menu" />
      <select slot="select" />
      <textarea slot="textarea" />
      <input slot="input" />
      <checkbox slot="checkbox" />
      <switch slot="switch" />
      <radio slot="radio" />
      <pagination slot="pagination" />
      <date-picker slot="date-picker" />
      <menu-button slot="menu-button" />
      <table slot="table" />
    </router-view>
  </view>
</view>


FAQ

关于此文档暂时还没有FAQ
返回
顶部