vue
甲乙丙遇见丁
这个作者很懒,什么都没留下…
展开
-
Vue组件生命周期函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-05-28 19:17:15 · 222 阅读 · 0 评论 -
日期格式化----js---可作为组件用于Vue或其他
formatDate.js /** * * 将日期格式化成指定格式的字符串 * @param { Number,String } time 时间戳或new Date()可接受的参数,不传默认当前时间 * @param { String } fmt 目标字符串格式,支持的字符有:y,M,d,q,w,H,h,m,S,默认:yyyy-MM-dd HH:mm:ss * @returns 返...原创 2018-09-30 14:52:38 · 282 阅读 · 0 评论 -
watch监听路由、数据变化
1、watch监听路由变化watch: { $route (to, from) { if (from.fullPath === '/Organize/attendPer') { Object.assign(this.canteenDetailAdd[from.params.id].flowInstanceStepApproveAdd, this.atten...原创 2018-09-05 15:59:28 · 4947 阅读 · 0 评论 -
vuex
1、修改vuex数据,需要通过mutation修改组件通过调用 this.$store.commit('update', playload) 方法进行修改,然后在mutation里面写入update函数数据处理逻辑只能传这两个参数,如果需要传多个参数,可以集合在playload中,playload可以是对象const playloads = {data: data, targe...原创 2018-09-05 15:55:57 · 118 阅读 · 0 评论 -
导出表单为Excel
1、安装依赖npm install -S file-saver 用来生成文件的web应用程序 npm install -D script-loader 将js挂在在全局下2、下载Blob.js 和 Export2Excel.js在src目录下创建一个文件(vendor),存放Blob.js 和 Export2Excel.js3、页面结构<template> &l...转载 2018-09-04 10:08:07 · 595 阅读 · 0 评论 -
vue-router导航钩子
vue-router 提供的导航钩子主要用来拦截导航,让它完成跳转或取消。1、全局钩子2、单个路由钩子3、组件钩子都必须要有 next() ,否则页面不会进行跳转全局钩子:在每个页面切换的时候都会经过此钩子// 注册一个全局钩子,防跳墙router.beforeEach((to, from, next) => { let token = localStorage.getItem('myto...原创 2018-06-20 14:15:31 · 350 阅读 · 0 评论 -
解决VSCode中使用vetur插件格式化vue文件时,js代码会自动加上冒号和分号
在设置中把"vetur.format.defaultFormatter.js": "prettier",改为 "vetur.format.defaultFormatter.js": "vscode-typescript"原创 2018-06-10 16:44:41 · 18130 阅读 · 6 评论