vue页面的定时刷新
在做项目时我们肯定会遇到要求该页面几分钟去定时刷新一下获取最新数据这样的情况,那么这个时候我们就要使用 setInterval () 了。那么我们应该把定时刷新放在什么位置什么时候触发什么时候清除呢?这就需要我们了解 vue 的生命周期。首先贴一张从官网截下来的图吧。
在做项目时我们肯定会遇到要求该页面几分钟去定时刷新一下获取最新数据这样的情况,那么这个时候我们就要使用 setInterval () 了。那么我们应该把定时刷新放在什么位置什么时候触发什么时候清除呢?这就需要我们了解 vue 的生命周期。首先贴一张从官网截下来的图吧。
在 vue 中如果想要操作 cookie,除了使用之前我们自己封装好的操作 cookie 的方法之外,我们还可以使用 vue-cookies 插件,这是一个简单的 Vue.js 插件,专门用于在 vue 中处理浏览器的 cookie 操作,vue-cookies 没有依赖关系,它可以独立存在,对 vuejs 友好。本篇博文就来介绍如何使用 vue-cookies 插件。
1、列表页面:
this.$router.push({ name: 'userTemplate', params: { reportUrl: reportUrl, reportType: reportType }}) |
点击查看后触发事件,带入参数跳转到 userTemplate 页面;reportType 有两种类型,0 表示 reportUrl 是绝对网址,1 表示 reportUrl 是本地 html 文件。
vue 中点击空白处隐藏 div 的实现(用自定义指令优雅的实现)
简单想应该怎么实现? | |
-1、肯定是给document增加一个click事件监听 | |
-2、当发生click事件的时候判断是否点击的当前对象 | |
结合着本思路和指令咱们来实现。 |
现有如下场景,点击父组件的 li 元素跳转到子组件中,并携带参数,便于子组件获取数据。
父组件中:
<li v-for="article in articles" @click="getDescribe(article.id)"> |