vue 做一个tab切换，切换内容为4个样式一样的列表页面只是渲染数据不同而已

发布于
2018-06-28

新手上路，请多包涵

需求：做一个切换tab切换页面，tab-content 是四个一模一样的列表页面，只是根据tab-nav不同将列表页面渲染不同的数据。
按理说可以使用动态组件来做，但是因为这四个子组件长得一模一样，我想使用一个组件然后根据传递的参数不同来请求数据进而渲染。但是这么做我的缓存总是出问题。

vue.js

阅读 8.6k

4 个回答

得票最新

查看全部 4 个回答

推荐问题

如何在Vue中点击菜单弹出v-dialog对话框？
大致就是点击用户管理后不要进入主界面而是直接弹出dialog。。。咋个实现呢
9 回答1.8k 阅读✓ 已解决
如何用Vue实现Word文档自动分页与双页排版功能？
用vue实现word的自动分页功能双页排版即用户输入的内容超过了一张A4纸的高度则自动分页将内容自动分割成两页按照左右左右的方式排版问题的难点在于 word的内容是不固定的标题 table 图片等等都有可能而且要加入交互逻辑比如弹出时间选择器弹出输入框等等目前外观是出来了直接v-for渲染page页但是接下...
6 回答1.7k 阅读
为什么 el-tabl操作列加了 fixed="right"之后列边框线不完整，有大佬知道原因吗？
el-table操作列加了fixed="right"之后,操作列上下行的边框线消失了，只有第一行和最后一行是正常的，其他都有问题，有大佬知道是什么原因吗？操作列代码
3 回答1.5k 阅读✓ 已解决
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助
4 回答1.4k 阅读✓ 已解决
如何在Vue组件中正确请求视频数据并显示？
<script>import { getVideoUrl } from '@/api/video'export default {
3 回答1.2k 阅读
vue2 el-button按钮禁用为什么失效了？
vue2中使用template包裹了两个el-button,并且template添加了判断条件，但是当showSteps值变化为3时,其中设置了disabled的‘生成’按钮禁用属性失效，仍然可以点击，elementui版本：2.15.14；webpack版本：3.12.0，vue版本：2.7.16 代码如下
2 回答1.3k 阅读✓ 已解决
element-plus的el-menu怎么修改el-sub-menu的template的B的颜色？
element-plus的el-menu怎么修改el-sub-menu的template的B的颜色？在线示例Element Plus Playground 1示例代码 {代码...} 期望能修改element-plus的el-menu怎么修改el-sub-menu的template的B的颜色为红色做过的尝试Element Plus Playground 2 {代码...} 但是B并没有变成红色。回复@兔子先森（提示内容过长无法回复，只能...
3 回答1.4k 阅读✓ 已解决

相似问题

vue切换tab样式
1 回答3.6k 阅读
vue tab切换样式
1 回答4.1k 阅读
vue，tab切换，页面渲染，mpvue
2 回答5.7k 阅读
requestAnimationFrame和canvas切换tab页面的问题？
2 回答4.3k 阅读✓ 已解决
使用vue写一个tab切换，当tab切换时内容的滚动区域可否不要相互影响
4 回答10.2k 阅读✓ 已解决

找不到问题？创建新问题

vue 做一个tab切换，切换内容为4个样式一样的列表页面 只是渲染数据不同而已

如何在Vue中点击菜单弹出v-dialog对话框？

如何用Vue实现Word文档自动分页与双页排版功能？

为什么 el-tabl操作列加了 fixed="right"之后 列边框线不完整，有大佬知道原因吗？

如何实现类似豆包的AI改写框跟随内容滚动效果？

如何在Vue组件中正确请求视频数据并显示？

vue2 el-button按钮禁用为什么失效了？

element-plus的el-menu怎么修改el-sub-menu的template的B的颜色？

vue 做一个tab切换，切换内容为4个样式一样的列表页面只是渲染数据不同而已

为什么 el-tabl操作列加了 fixed="right"之后列边框线不完整，有大佬知道原因吗？