第三方UI插件可以帮我们大大提高开发效率，尤其是组件绑定了很多事件，方便我们使用。但是样式可能会不适合，所以就需要做出修改修改第三方插件首先要去掉scoped,否则修改样式不生效，但是会出现一个问题，去掉scoped就代表该样式是全局的，修改的插件样式会影响全局，怎么办呢，我们在插件样式的外面定义一个父盒子包裹一下就可以啦，既能修改样式，又不会污染全局环境。例如：.loginf...

我们知道父子组件之间的传值，父向子用props传值，子向父用自定义事件传值，那么肥父子组件的传值如何实现？比如说1和3 ，3和3之间？通常来说，非父子组件的传值方法有两种。一是用Vue的数据层框架vuex,二是使用总线机制（发布订阅模式、Bus、观察者模式）来解决非父子组件传值的问题。Vue.prototype.bus = new Vue();创建Vue实例的时候，每一个组件都...

在项目的开发过程中，我发现使用this.$set(对象，key, value) 也没有修改子组件对象的值，后面才发现vue对象存在深层复制的问题。遇到这种情况怎么办？在子组件中监听父组件传递的对象的变化，深层复制props: {// 必传的四个参数，列的数据，表格数据，搜索数据，总数setTableTotalData: {type: Object,...

首先，说明一点，如果是使用npm init webpack 项目名 的方式创建的项目,无需手动配置webpack所以再vue中使用less就非常简单了，只需要安装less, less-loader就行了npm install less less-loader --save //将less和less-loader安装到开发依赖npm run dev如果安装成功那么就可以再vue组件...

在项目中有个功能是显示pdf文档，这个文档是静态的。不是后台传过来的，最简单的方法就是放在iframe实现是最简单的写一个公共Vue用来展示pdf，根据传入的参数不同来展示不同的pdf文档需要注意的是，一定要将pdf文档放在static 静态文件夹下，才会生效。<iframe :src="src" id='iframebox' ref='pdfiframe' fr

上一片笔记封装了柱形图和折线图这一篇封装饼图、仪表盘和状态图首先是饼图：<template><div><divref='piechart'class='echartbox'></div></div&am

实现这种校验分几个步骤1.设置路由是否需要校验的阈值在路由配置加上meta的判断routes: [{path: '/',name: 'Login',component: () => import('@/pages/login/login')}, {path: '/home',name: 'Home',me...

在开发中我们经常会遇到这种情况，就是有个项目的header是公用的，在各个页面中都会使用到，所以我们会将其设置为一个公共组件，然后在各个页面中引用，但是每个页面都去引用真是太麻烦了，所以在Vue中注册引用，这样就会在所有的页面中都有header了例子：<template lang="html"><div id="app&quo

封装一个上传文件的组件，如下：使用<input type='file'> 来实现文件上传，具体操作参照以往JS版的实现这里主要说作为一个组件，选中文件之后，在输入框中显示文件名称，点击Submit将将文件传给父组件，再由父组件提价到后台<template>&amp

Vue项目打包之后，部署有两种方式，一是前台打包后扔给后台，放置在后台项目的根目录下就可以了。这种是最简单的。还有一种方式就是前端单独部署，这里讲的是后者前端如何单独部署呢？一个最简单的办法就是使用Nginx部署辣一.我们将自己的Vue项目打包运行npm run build 会在项目中生成一个叫dist文件二.安装NginxNginx是一个类似于Tomcat的服务器，部署前...