案例 — 选项卡内容切换

最后更新于:2022-04-02 08:06:57

>[success] # 选项卡内容切换 ~~~ 1.实现的效果,点击对应title,展示对应的内容信息 ~~~ >[danger] ##### 技术思考点 ~~~ 1.点击展示对应信息,因此是频繁点击,所以这里不使用 v-if 2.下面案例可以改进这里案例用了三个ul,实际上可以生成一个ul,通过变更的数 据,来改变li的个数,也不用v-show来控制 ~~~ >[danger] ##### 页面形成效果 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/f63d3366d7effb6c080bae4287235de8_143x129.png) >[danger] ##### 代码 ~~~
  • {{option.subTitle}}
~~~
';