Vue中使用定时器setInterval和setTimeout
js 中定时器有两种,一个是循环执行 setInterval,另一个是定时执行 setTimeout
# 一、循环执行(setInterval)
顾名思义,循环执行就是设置一个时间间隔,每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉
用法是 setInterval(“方法名或方法”,“延时”), 第一个参数为方法名或者方法,注意为方法名的时候不要加括号,第二个参数为时间间隔
vue中点击空白处隐藏div的实现(用自定义指令优雅的实现)
vue 中点击空白处隐藏 div 的实现(用自定义指令优雅的实现)
简单想应该怎么实现? | |
-1、肯定是给document增加一个click事件监听 | |
-2、当发生click事件的时候判断是否点击的当前对象 | |
结合着本思路和指令咱们来实现。 |
Vue中导出excel表格文件xlsx
# 一。安装依赖:
npm install -S file-saver | |
npm install -S xlsx | |
npm install -D script-loader |
vue页面的定时刷新
在做项目时我们肯定会遇到要求该页面几分钟去定时刷新一下获取最新数据这样的情况,那么这个时候我们就要使用 setInterval () 了。那么我们应该把定时刷新放在什么位置什么时候触发什么时候清除呢?这就需要我们了解 vue 的生命周期。首先贴一张从官网截下来的图吧。
vue项目中如何下载excel表格模板
在项目中,导入 excel 数据功能,一般都会有下载 excel 模板按钮,如果后端接口返回的是模板在服务器中的地址(接口返回 url 地址), 则可以直接绑定到 window.location.href 上。点击下载按钮时,触发请求,得到响应信息后自动下载。 代码如下: axios({ method: 'get', url: ' http://localhost:8080/downloadExc?tplType=1 ', headers: { 'X-Requested-With':...
more...vue使用iframe嵌入网页
1、列表页面:
this.$router.push({ name: 'userTemplate', params: { reportUrl: reportUrl, reportType: reportType }}) |
点击查看后触发事件,带入参数跳转到 userTemplate 页面;reportType 有两种类型,0 表示 reportUrl 是绝对网址,1 表示 reportUrl 是本地 html 文件。
vue路由传参的三种基本方式
现有如下场景,点击父组件的 li 元素跳转到子组件中,并携带参数,便于子组件获取数据。
父组件中:
<li v-for="article in articles" @click="getDescribe(article.id)"> |