2020-06-24 标签:基于,vue,侧边,目录,组件,实现,最近,要做,功能,找到,类似的,索性,写了,大家,参考,side,catalog,源码,地址

最近要做一个侧边目录的功能，没有找到类似的组件，索性自己写了一个供大家参考vue-side-catalog一个基于vue的侧边目录组件。源码地址：https://github.com/yaowei9363/vue-side-catalog安装npm install vue-side-catalog

2020-06-24 标签:vue,实现,剪切板,图片,压缩功,监听,粘贴,事件,读取,文件,转成,base,64,通过,img,标签,显示出来,此时,可能会,存在

监听剪切板粘贴事件，读取剪切板中的图片文件，转成base64通过img标签显示出来，此时可能会存在剪切板中图片过大，产生上传速度慢问题，接下来就跟大家分享下如何将base64图片进行压缩。先跟大家展示下最终实现的效果：实现思路监听剪切板粘贴事件从事件回调中获取clipboardData中的image

2020-06-24 标签:vue,keep,alive,组件,作用,详解,大家,参考,用于,保留,状态,避免,重新,渲染,缓存,比如,目录,页面,详情

keep-alive组件的作用，供大家参考作用：用于保留组件状态或避免重新渲染（缓存的作用）比如：当一个目录页面与一个详情页面，用户经常：打开目录页面=>进入详情页面=>返回目录页面=>打开详情页面，这样目录页面就是一个使用频率很高的页面，那么就可以对目录组件使用进行缓存，这样用户

2020-06-24 标签:vue,组件,创建,三种,方式,小结,使用,extend,全局,var,com,通过,template,属性,指定,展示,html,结构,h

1.使用Vue.extend创建全局的Vue组件//1.1 使用vue.extend创建组件var com1 = Vue.extend({//通过template属性指定组件要展示的html结构 template : "使用vue.extend创建的组件"})//1.2使用Vue.component

2020-06-24 标签:vue,强制,组件,重新,渲染,方法,讨论,有时候,依赖,响应,方式,更新,数据,是不,够的,相反,需要,手动,只想,抛开

有时候，依赖 Vue 响应方式来更新数据是不够的，相反，我们需要手动重新渲染组件来更新数据。或者，我们可能只想抛开当前的DOM，重新开始。那么，如何让Vue以正确的方式重新呈现组件呢？强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。 当我们需要重新渲染组件时，只需更 key 的值，Vue

2020-06-24 标签:vue,eslint,配置文件,eslintrc,js,说明,规则,介绍,默认,代码,末尾,加分,存在,多行,空行,tab,使用,必须

默认eslint规则：代码末尾不能加分号 ;代码中不能存在多行空行；tab键不能使用，必须换成两个空格；代码中不能存在声明了但未使用的变量；最简单的方法，关闭eslint检测，其实很简单，把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。但不推

2020-06-24 标签:浅谈,vuex,建议,action,修改,state,背景,最近的,需求,开发,过程中,再次,使用,状态,更新,这一,方面,始终,遵循,官方

背景在最近的一次需求开发过程中，有再次使用到Vuex，在状态更新这一方面，我始终遵循着官方的“叮嘱”，谨记“一定不要在action中修改state，而是要在mutation中修改”；于是我不禁产生了一个疑问：Vuex为什么要给出这个限制，它是基于什么原因呢？带着这个疑问我查看Vuex的源码，下面请大

2020-06-24 标签:vue,实现,封装,全局,filter,统一管理,操作,示例,本文,实例,讲述,分享,大家,参考,具体,如下,在前,后端

本文实例讲述了vue实现的封装全局filter并统一管理操作。分享给大家供大家参考，具体如下：在前后端分离的项目中，经常会有后台返回的数据需要进过处理才能显示到页面上的场景。使用最多的场景就是日期和时间的处理，后台一般返回的都是时间戳，那么我们就要对时间戳进行处理。下面就拿封装全局的处理日期和时间的

2020-06-24 标签:vue,简单,封装,axios,插件,接口,统一管理,操作,示例,本文,实例,讲述,分享,大家,参考,具体,如下,现在,公司

本文实例讲述了vue简单封装axios插件和接口的统一管理操作。分享给大家供大家参考，具体如下：现在很多公司的项目都是前后端分离的项目，那么说到前后端分离，必定会有ajax请求来获得后台的数据。在做jquery项目的时候，我们都会使用它封装好的方法来直接发起ajax请求。在vue项目中，我们使用最多

2020-06-24 标签:vue,实现,路由,不变,情况下,刷新,页面,操作,示例,本文,实例,讲述,分享,大家,参考,具体,如下,背景

本文实例讲述了vue实现路由不变的情况下，刷新页面操作。分享给大家供大家参考，具体如下：背景1：在vue写的后台管理项目中，经常会有增、删、改、查的操作，这些操作只是跟用接口跟后台交互下既然用接口交互，那肯定就是axios的异步请求，那么就是说后台数据发生了改变，但是前台的数据并没有实时的更新（每次