小程序+vant：使用模板动态生成tabs

贼猫子

已于 2022-08-12 16:21:43 修改

阅读量698

点赞数

分类专栏：小程序文章标签：小程序前端

于 2022-08-12 16:11:11 首次发布

本文链接：https://blog.csdn.net/weixin_41700532/article/details/126303996

版权

需求：同步pc的菜单权限，侧边出一级菜单，点击一级菜单后收起，界面用tabs选项卡形式出二级菜单！

这种就需要动态去生成tabs选项卡，除非你想全部引入，然后用wx:if一个个判断；
当时就在想小程序有什么是类似于vue的component，然后就想到了模板；

处理前二级菜单结构
menuList:[
	{title:‘菜单1’,key:'1',component:'views/page/PageOne/list'},
	{title:‘菜单2’,key:'2',component:'views/page/PageTwo/list'}
]
处理后
menuList:[
	{title:‘菜单1’,key:'1',component:'PageOne'},
	{title:‘菜单2’,key:'2',component:'PageTwo'}
]

模板页
<template name="PageOne">
  <PageOne id="PageOne" bind:getSearch="getSearch" menuId="{
  {menuId}}" />
</template>
<template name="PageTwo">
  <PageTwo id="PageTwo" bind:getSearch="getSearch" menuId="{
  {menuId}}" />
</template>