vue
archer.wu
当你的才华还撑不起你的野心的时候,就应该静下心来学习;当你的能力还驾驭不了你的目标时,就应该沉下心来,历练;梦想,不是浮躁,而是沉淀和积累,只有拼出来的美丽,没有等出来的辉煌,机会永远是留给最渴望的那个人,学会与内心深处的你对话,问问自己,想要怎样的人生,静心学习,耐心沉淀,送给自己,共勉。
展开
-
vue-cli 项目搭建
vue-cli 项目搭建1、首先需要安装nodejs(略了)。2、用node安装vue-cli。npm install -g vue-cli3、新建目录用来存放工程。新建一个vue项目使用webpack作为打包工具,同时命令工程名为secondvue init webpack second4、使用idea打开second,打开记得需要安装vue插原创 2017-07-30 07:51:49 · 2797 阅读 · 0 评论 -
vue结合Echarts实现点击高亮效果
vue结合Echarts实现点击高亮效果本文主要介绍如何在vue中使用Echarts实现点击高亮效果。1、首先看一下官方网站上的介绍:http://echarts.baidu.com/api.html#action.graph.focusNodeAdjacency2、在初始化的时候绑定这两个事件。需要绑定的事件是鼠标的点击事件和右键点击事件。moun原创 2017-11-28 06:20:53 · 13427 阅读 · 2 评论 -
vue子组件的使用和事件传递
vue子组件的使用和事件传递在使用vue进行编程的时候我们经常会遇到在多个界面重用功能,比如联动的下拉框,重复的表单等等。如果在每个模块里面都重新写一遍,在发生变更的时候需要修改很多的界面,导致了复杂的工作量。那么需要怎么样去处理呢?vue里面提供了子组件的方式,在我理解就是自定义标签。下面看一下效果。在粉色的虚框中是子组件,它有一个值是aabbcc,通过点击子组件的自定义原创 2017-12-01 04:54:59 · 8867 阅读 · 0 评论 -
vue中引入iconfont图标
vue中引入iconfont图标本文的主要目的是介绍如何在vue中引入iconfont图标。1、首先需要登录iconfont官网。http://www.iconfont.cn/2、选择喜欢的图标保存到自己的仓库中。3、添加到购物车后,能够添加到项目中。4、保存成功后,在自己的项目中就能够看到了5、查看当前项目的原创 2017-11-15 21:26:49 · 9197 阅读 · 0 评论 -
vue导航守卫——全局路径监听
vue导航守卫——全局路径监听本文主要介绍如何通过vue的导航守卫进行路径的监听。本文主要参考:https://router.vuejs.org/zh-cn/advanced/navigation-guards.html好,下面上货。1、import router from ’./router'2、进行路径的拦截router.beforeEach((原创 2017-11-15 21:20:21 · 2947 阅读 · 0 评论 -
vue 添加axios组件,解决post传参数为null问题
vue 添加axios组件,解决post传参数为null问题本文主要参考:https://www.npmjs.com/package/axioshttp://jingyan.baidu.com/article/29697b916d6a7bab20de3cf9.html好,下面上货。1、安装axiosnpm install axios --save2、原创 2017-11-05 06:39:01 · 28053 阅读 · 4 评论 -
vue-router传参数(get和post方式)
vue-router传参数(get和post方式)本文主要介绍vue-router传参数的两种方式:1、get方式页面跳转this.$router.push({path:'/xxx',query:{id:1}});//类似get传参,通过URL传递参数新页面接收参数this.$route.query.id2、post方式页面跳转转载 2017-11-04 09:11:32 · 19580 阅读 · 0 评论 -
vue 结合饿了么element-ui
vue 结合饿了么element-ui本文主要介绍如何在vue框架中结合elementUI。本文主要参考:http://element-cn.eleme.io/#/zh-CN/component/installation1、阅读本文前请先阅读http://blog.csdn.net/wild46cat/article/details/763602292、在阅原创 2017-11-02 22:26:43 · 11147 阅读 · 0 评论 -
vue引入echart组件
vue引入echart组件本文主要参考:http://blog.csdn.net/u013069892/article/details/70256596http://echarts.baidu.com/tutorial.html#ECharts%20%E4%B8%AD%E7%9A%84%E4%BA%8B%E4%BB%B6%E5%92%8C%E8%A1%8C%E4%B8%BA原创 2017-11-08 23:44:56 · 4599 阅读 · 1 评论 -
vue在nginx中部署
vue在nginx中部署本文主要介绍如何在nginx中部署vue前端。本文阅读前提:1、已经安装好nginx,可以参考如下文章:http://blog.csdn.net/wild46cat/article/details/780249892、已经打好vue的包,如果遇到问题,可以参考:http://blog.csdn.net/wild46cat/article/detail原创 2017-09-18 23:16:19 · 36982 阅读 · 4 评论 -
vue 使用全局变量
vue 使用全局变量使用vue中的组件进行请求的时候免不了需要设置baseURL。但是这个baseURL最好不要写在某个全局的vue组件中。如果写到一个组件中的话,打包之后再修改会发现加密了。好,下面介绍一种方式,把全局变量引入。1、新建js文件:文件内容如下:const BASE_URL = 'http://192.168.0.108:7878/zkview/原创 2017-09-18 22:47:50 · 11657 阅读 · 0 评论 -
vue 打包出错——Unexpected token: punc (})
vue 打包出错——Unexpected token: punc (})在对vue进行打包的时候,出现了这样的错误:Unexpected token: punc (})可以通过如下方法解决:修改build文件夹下的webpack.base.conf.js。修改完成后如下:再次打包就可以了。原创 2017-09-18 22:43:52 · 17712 阅读 · 0 评论 -
vue添加axios,并且指定baseurl
vue添加axios,并且指定baseurl本文主要介绍如何在vue项目中引入axios,并且在使用的时候指定baseurl。好,下面上货。1、首先需要的是一个vue项目,这个可以参考以前的文章。2、然后是npm install axios --save-dev3、在main.js中添加如下内容:import axios from 'axios'原创 2017-09-16 20:32:00 · 48234 阅读 · 0 评论 -
vue引入bootstrap——webpack
vue引入bootstrap——webpack想要在vue中引入bootstrap,引入的时候需要按照如下的步骤进行。1、引入jquery2、引入bootstrap阅读本文前,应该能够搭建环境,使用vue-cli进行项目的创建,可以参考文章:http://blog.csdn.net/wild46cat/article/details/76360229好,原创 2017-08-29 07:30:33 · 52290 阅读 · 7 评论 -
vue router学习——动态路由和嵌套路由
vue router学习——动态路由和嵌套路由本文主要参考:https://router.vuejs.org/zh-cn/essentials/nested-routes.html本文的阅读前提是已经能够搭建一个vue前台程序并且运行。如果还么有搭建可以参考文章:http://blog.csdn.net/wild46cat/article/details/7636022原创 2017-08-07 06:52:20 · 17624 阅读 · 1 评论 -
vue使用ElementUI时导航栏默认展开
vue使用ElementUI时导航栏默认展开在使用elementUI的时候发现,如果正常的http://element.eleme.io/#/zh-CN/component/menuasdfsafasdfasdfsafasdfasdfsafasdfasdfsafasdfasdfsafasdfasdfsafasdfasdfsafasdfasdfsafasdfasdfsafasdfasdfsa原创 2017-08-05 11:27:22 · 49952 阅读 · 13 评论 -
vue使用axios后,访问不到this中的变量
本文主要针对vue中使用axios进行与后台交互后,从后台拿到数据绑定到前台的时候发现绑定不上的问题进行处理。下面是出现问题的代码:testget: function () { this.$ajax({ method: 'get', url: 'zk/connect?connectionString=' + this.connec...原创 2018-03-21 22:22:53 · 10379 阅读 · 0 评论