![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
不忘初心1123
分享程序猿每天艰苦加班写出来的bug或者问题以及其解决的办法,供大家一起交流沟通
展开
-
vue之watch用法
对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。在实例化时为每个键调用 $watch() ;//使用官方vue-cli脚手架书写<template> //观察数据为字符串或数组 <input v-model="example0"/> <input v-model="example1"/> /当单观察数据exampl...转载 2018-05-21 17:27:53 · 118 阅读 · 0 评论 -
springboot集成websocket+前端vue掉线重连机制
注入maven依赖<!--websocket--><dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId></dependency&g...原创 2019-05-25 15:10:12 · 904 阅读 · 0 评论 -
vue+webpack打包图片路径错误的问题
1、js,css路径不对解决办法:打开config/index.js,将其中的assetsPublicPath值改为’./’2、css中引用的图片资源找不到看下图这是因为webpage打包的时候会把整个相对路径../../assets/img/login_bg_2.png改成static/img/login_bg_1.1b2f449.png,此时的路径还在css文件内,...原创 2019-04-18 15:16:33 · 715 阅读 · 0 评论 -
vue+element 在table 中使用vue-qrcode动态生成二维码
安装npm install xkeshi/vue-qrcode --save在需要的页面中引入import QRcode from '@xkeshi/vue-qrcode';components: { qrcode : QRcode }在el-table中<el-table-column label="二维码" wi...原创 2019-04-10 15:33:47 · 5342 阅读 · 8 评论 -
vue 开发调试工具vue-devtools 安装
安装前的准备因为安装依赖需要Node.js环境。所以,第一件事就是安装Node.js。 安装完成之后,从github的下载地址将该插件下载下来:https://github.com/vuejs/vue-devtools安装步骤下载之后,解压文件,然后复制粘贴解压的文件,放在某个盘的某个文件夹下面。 然后通过Windows+R这个快捷键打开“运行”对话框,输入cmd,进入命令行。 在...原创 2018-09-03 17:13:09 · 255 阅读 · 0 评论 -
Vue通信、传值的多种方式
一、通过路由带参数进行传值①两个组件 A和B,A组件通过query把orderId传递给B组件(触发事件可以是点击事件、钩子函数等)this.$router.push({ path: '/conponentsB', query: { orderId: 123 } }) // 跳转到B②在B组件中获取A组件传递过来的参数this.$route.query.orderId ...转载 2018-09-05 12:32:32 · 237 阅读 · 0 评论 -
vue.js的状态管理vuex中store的使用
一、状态管理(vuex)简介 vuex是专为vue.js应用程序开发的状态管理模式。它采用集中存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。vuex也集成刀vue的官方调试工具devtools extension,提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。 二、状态管理核心状态管理有5个核心,分别是...转载 2018-09-05 12:30:07 · 5744 阅读 · 0 评论 -
vue.js导入css库(elementUi)的方法
1.安装以下模块,让webpack可以解析css文件 npm install style-loader --save-dev npm install css-loader --save-dev npm install file-loader --save-dev 2.安装elementUi模块npm install element-ui@next -S...转载 2018-09-04 16:41:49 · 681 阅读 · 0 评论 -
关于使用vue.js提交数组时出现数组下标的问题
这是因为在vue.js 里面的ajax.js文件内对数据进行了深度解析了,我们只需要let axios = Axios.create({ baseURL: 'http://127.0.0.1:8761/', headers: {'X-Requested-With': 'XMLHttpRequest'}, transformRequest: [function (data...原创 2018-03-28 09:32:54 · 3340 阅读 · 0 评论 -
vue(开发环境的搭建)
首先,列出来我们需要的东西: node.js环境(npm包管理器)vue-cli 脚手架构建工具cnpm npm的淘宝镜像vue的安装1.vue的安装依赖于node.js,所以先安装过node.js。从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)安装完成后可进入cmd编辑器,输入命令 node -v进行查看,如果成功安装node会出现 v...转载 2018-03-16 16:04:32 · 335 阅读 · 0 评论 -
veu-cli 3.0使用教程
vue-cli3.0使用说明:https://segmentfault.com/a/1190000017020755vue.config.js配置说明:https://juejin.im/post/5bbf1087f265da0ac962c274翻译 2019-07-19 16:14:38 · 308 阅读 · 0 评论