aaa123aaasqw的博客

【代码】vue实现上传图片。

当关闭tab标签的时候，splice删除当前标签，若是删除的最后一项，跳转到该项的前一项页面。当长度为1时，跳转到首页。通过ref定位，拿到当前窗口宽度与当前所在路由的tab标签的所有宽度，判断两者，实现对多tab超出窗口宽度的处理。vuex，实现对当前激活项，当前tab列表，当前tab的translateX，当前缓存页，当前路由的状态管理。当点击tab标签页的时候，获取相应的激活项，动态的实现左侧菜单栏的选中状态，用。中，避免页面刷新丢失，当浏览器关闭时，清空数据。将vuex中的数据保存到。

当点击上一下，下一页的时，调用获取表格数据的接口，在这个接口中调用selectedData事件，该事件处理为：当checkedList不为空，表格数据中去匹配checkedList里面的值，如果能匹配到，设置该项的_checked为true；5.当选中其中一项的时候，先判断checkedList是否含有改数据，用includes来判断，当无数据的时候，push进checkedList，反之不进行操作。注：splice() 方法向/从数组添加/删除项目，并返回删除的项目，该方法会改变原始数组。

【代码】vue中iview组件实现表单数据的动态校验。

在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 元素作为承载分发内容的出口。木有name的就是默认插槽，捕获所有未被匹配的内容。定义一个子组件父组件中此时的结果是：Hello!这是默认的slot。

Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象，因此你可以调用 context.commit 提交一个 mutation，或者通过 context.state 和 context.getters 来获取 state 和 getters。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

当前的导航被中断，然后进行一个新的导航。你可以向 next 传递任意位置对象，且允许设置诸如 replace: true、name: ‘home’ 之类的选项以及任何用在 router-link 的 to prop 或 router.push 中的选项。(2.4.0+) 如果传入 next 的参数是一个 Error 实例，则导航会被终止且该错误会被传递给 router.onError() 注册过的回调。进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是 confirmed (确认的)。

在 src 目录下创建一个 filter 文件夹，并在其文件夹下创建一个 filters.js 文件在 filters.js 文件写上如下代码export {formatDate在 main.js 文件里引入 filter.js 文件并注册全局过滤器// 导出的是对象，可以直接通过 key 和 value 来获得过滤器的名和过滤器的方法})在组件中使用过滤器<template>

keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。

这里是用到的一些插件。

【代码】vue中实现导出、下载文件。

【代码】Vue导出当前页面为PDF文件。

【代码】vue中使用mockjs模拟接口。

new Vue({data: {num: ''},watch: {// 监听 num 属性的数据变化// 作用 : 只要 num 的值发生变化,这个方法就会被调用// 第一个参数 : 新值// 第二个参数 : 旧值,之前的值})

npm install vue-awesome-swiper --save 这种下载方式是最新版npm install vue-awesome-swiper@3.1.3 --save 建议使用安装指定版本引入有2种方式，一种是全局引入，第二种是按需引入（局部引入）方式。在main.js引入：组件中使用，就是一般组件的用法。

说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:Users用户名AppDataRoamingnpm】路径中，占C盘空间。1、创建项目（最好在cd到D盘的某个位置，即项目的路径，否则项目会新建在C:UsersAdministrator，也可以直接在想要的项目路径下输入cmd）

eg:权限管理中查找item中的每一项对数据中存在的某项固定存在的值进行对比。2. 当findIndex符合元素的条件时会返回元素的索引位置。:没有符合条件的元素返回-1。

【代码】vue格式化时间。

在src 目录下创建utils文件，在utils里新建warterMark.js文件。