美文网首页
vue、element-ui 后台菜单切换重新请求数据

vue、element-ui 后台菜单切换重新请求数据

作者: TDX田冬雪 | 来源:发表于2021-01-25 18:25 被阅读0次

我们在做后台管理系统时,通常将数据请求挂载到created或mounted钩子中,但这样引发的问题是它只会被出发一次,如果不同菜单中数据关联性较大,切换过程中未及时更新数据,容易引发一些问题,这种情况下,我们可以使用activated函数。

以下为created()/mounted()与activated()区别:

created()/mounted():在创建vue对象时,当html渲染之前/之后就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()/mounted()只会触发一次;

activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等。

相关文章

  • vue、element-ui 后台菜单切换重新请求数据

    我们在做后台管理系统时,通常将数据请求挂载到created或mounted钩子中,但这样引发的问题是它只会被出发一...

  • el-table-column列展示布尔值

    前端使用vue element-ui 时,经常会用到 table 来展示从后台请求回来的数据,但是,如果被请求回来...

  • 电商管理项目

    前端技术栈 vue、vue-router(路由)、Element-UI、Axios(发起网络数据请求)、Echar...

  • VUE post请求设置为formdata传参

    在vue-cli脚手架项目中,我们通常遇过发送axios请求,后台接受不到数据,试了下ajax请求,后台便可以接收...

  • vue常用的插件等安装

    Vuex:状态管理 vue-router:路由 axios:请求数据 mock:模拟后台数据 less和sass ...

  • vue 导航菜单切换样式设置

    在使用vue开发的时候,几乎每个项目里面都会有导航菜单切换,不管是顶部导航菜单、还是侧边导航菜单,切换到当前的菜单...

  • vue 请求后台数据

    vue 请求后台数据 在vue2.x中广泛用到ajax库 在vue中为axios 通过设置空属性 使其本身没有属性...

  • Vue-cli连接mysql

    本文把前后台一起串起来,前端使用vue-cli后台用nodejs连接数据库,vue-cli请求接口其数据是来自于m...

  • vue-manage-system 后台管理系统开发总结

    前言 vue-manage-system,一个基于 Vue.js 和 element-ui 的后台管理系统模板,...

  • vue使用分页

    vue2.0结合element-ui实现分页功能 大体结构 方法有两种,第一种是处理后台传过来的总数据,不需要后台...

网友评论

      本文标题:vue、element-ui 后台菜单切换重新请求数据

      本文链接:https://www.haomeiwen.com/subject/pbyizktx.html