vue
Intellij IDEA搭建vue-cli项目
vue-cli对于node和npm的版本是有要求的。 可以通过node-v（npm-v）查看当前版本，通过wherenode（wherenpm）查看安装路径。如果node版本不符合vue-cli的要求，那么可以在node官网下载稳定版本并安装。 安装过程比较简单，我更新时，除...
vue-router 快速入门
ue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。本文将...
Vue生命周期
<divid="app">{{name}}</div>Vue把整个生命周期划分为创建、挂载、更新、销毁等阶段，每一个阶段都会给一些“钩子”让我们来做一些想实现的动作。学习实例的生命周期，能帮助我们理解Vue实例的运行机制，更好地合理利用各个钩子来完成我们的业务代码。1、b...
Vue跨域解决方法
vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No'Access-Control-Allow-Origin'headerispresentontherequestedresource.”这种跨域错误。要想本地正常的调试，解决的办法有三个：...
ElementUI tree异步树(懒加载)节点局部刷新
前言：最近使用element开发项目，在使用异步树时（即添加了lazy），翻阅了官方提供的文档，并未找到可直接提供给开发者使用的刷新某个树节点的方法。可喜的是，终于还是找到了解决的办法，即找到对应的树节点，使用expand方法 思路：找到想要刷新的树...
elementui tree懒加载刷新问题
在用elementUiel-tree懒加载的时候，发现只加载一次，即使数据刷新了，但是tree就是不刷新。//首先是保持根节点loadNode(node,resolve){//if(node.level===0){this.node_had=node;//这里是关键！在data里面定义一个变量，将node.level=...
关于Vue中，fullpage全屏滚动插件的使用方法
一、安装插件npminstall--savefullpage.js 二、全局导入，在main.js中import'fullpage.js/vendors/scrolloverflow'importVueFullPagefrom'vue-fullpage.js/dist/vue-fullpage.js'Vue....
关于Vue中，使用watch同时监听多个值的实现方法
1.先在computed中，用需要监听的值(start、end)定义一个对象(dateRange)computed:{dateRange(){const{start,end}=thisreturn{start,end}}}) 2.然后在watch中监听这个对象(dateRange)watch:{d...
关于Vue-elementUI中，给input手动赋值之后无法修改的问题解决
方案一：在data中给input的值赋一个初始值方案二：在给input赋值时，使用this.$set...
关于Vue-ElementUI修改默认样式不成功问题解决
Element是一个很好用的组件库，但是有时候我们需要修改一些组件的样式以满足我们自己的需求。我们用浏览器调试找到相应的class，在本地重写这个class时，发现修改不成功。这是因为在Vue文件中的style标签上有一个特殊的属性：scoped。当一个style有这个标签，它的样式就只能作用于当前的Vue组件，可以使...
关于Vue中，父组件获取子组件的数据（子组件调用父组件函数）的方法
1.父组件调用子组件时，在调用处传给子组件一个方法:on-update="updateData" 2.子组件在props中，接收这个方法并声明props:{ onUpdate:Function} 3.子组件中，需要通知父组件时，调用onUpdate这个方法，并传入参数datathis.opUpdat...
关于Vue中，$this.router.push到当前页面，只是传入参数不同，页面不刷新的问题解决
在页面的watch中，监听$router的变化watch:{$route(to,from){this.$router.go(0)}}其中this.$router.go(0)为刷新页面，但此方法可能在Safari中无法实现，还可以用js原生的方法：window.location.reload()...
关于Vue中，在方法中使用(操作)子组件获取到的数据
已知，子组件通过props获取父组件传过来的数据，而这个数据是无法在created、mounted生命周期中使用的，只能在beforeUpdated或者updated获取到；但是如果我们要使用这个数据再获取其他数据并渲染到页面，我们就不能在beforeUpdated或者updated操作，自相矛盾。这就可以用到Vue的...
关于Vue中，checkBox等组件在赋值后，点击切换页面未及时更新问题
我们经常碰到这样的问题，在v-for循环中，给某些组件（此处以checkBox为例）赋值后，组件并不能正常切换，这是因为数据层太多，render函数没有自动更新，需手动强制刷新。解决方法：在切换checkBox等组件时，@change绑定一个方法，在方法中写入以下：this.$forceUpdate()this.$fo...
关于Vue中页面(父组件)下拉，页面中的子组件加载更多数据的实现方法
一个项目中存在很多这种情况：父组件（页面）中的子组件需要做下拉加载更多的需求，但是这个下拉到底部的动作只能通过监控页面（父组件）来完成这就需要父子组件之间的通信，代码如下： 1.建立一个用于父子组件通信的工具，bus.jsimportVuefrom'vue'letbus=newVue()exportdefau...
