基于Vue实现tab栏切换内容不断实时刷新数据功能

先说一下产品需求，就是有几个tab栏，每个tab栏对应的ajax请求不一样，内容区域一样，内容为实时刷新数据，每3s需要重新请求，返回的数据在内容区域展示，每点击一次tab栏需停止其他tab栏ajax请求，防止阻塞，首次加载页面的时候又不能5个ajax同时请求，只需要请求第一个就好

也没有必要建立5个区域，控制显示隐藏，浪费性能，业务代码就不贴了，把大概原理的代码贴上来

先是用jq实现了一版

rush:js;"> <Meta charset="UTF-8"> <Meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <Meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <Meta name="renderer" content="webkit">

再看vue版

rush:js;"> <Meta charset="UTF-8"> <Meta name="viewport" content="width=device-width,chrome=1"> <Meta name="renderer" content="webkit">

{{show}}

以上所述是小编给大家介绍的基于Vue实现tab栏切换内容不断实时刷新数据功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。