![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 79
在南没有北
这个作者很懒,什么都没留下…
展开
-
Vue中使用mqtt 过程和报错
操作过程的话我就直接给大家放博客了,我也是按照他这个来的MQTT在Vue中的使用和测试本人遇见的问题是,后端同时在跟一个前端两个客户端进行对接,客户端那边是 mqtt 方式连接前端页面按照哪个客户端的路径和端口链接就会链接失败host:'mqtt://***.***.**/mqtt') 页面提示报错显示的路径是 ws://test.mosquitto.org/mqtt查看资料后发现,前端页面不能通过mqtt 这种方式连接 只能通过ws然后后端重新测试就没问题了,就能连接上了然后搜索MQTT原创 2020-09-28 17:57:02 · 2268 阅读 · 0 评论 -
Vue-pako gizp解压,中文乱码解决
项目中后端返回数据为加密的,需要gizp解压,发现可以使用pako来进行解压npm install pako // 这里进行下载在你需要使用的页面或者全局导入import pako from 'pako' 网上搜到的方法都是复制粘贴基本上都是这样使用的unzip(response.data)function unzip(b64Data) { var strData = atob(b64Data) var charData = strData.split('').map(f原创 2020-09-25 19:17:11 · 1789 阅读 · 4 评论 -
给回车绑定登录事件,Vue路由会自动拼接一个?号而且不会跳转,需要第二次触发登录才会成功跳转
最近在项目中添加一个element的输入框,为登录的输入密码使用同时这个登录的事件是绑定了回车的,按下回车就会自动登录 从登录页面跳转到首页查看控制台发行提示警告 Password field is not contained in a form百度的说法是需要加一个 form 标签包裹这个input 就不会提示,实际操作后<form style="width:100%;"> <el-input size="small" v-model="password" placeho原创 2020-09-17 17:11:10 · 511 阅读 · 1 评论 -
Vue中绑定键盘事件,非修饰符
在Vue的生命周期中给全局绑定这个事件,然后再去进行判断created(){ let that = this; document.onkeydown = function (e) { let key = window.event.keyCode; if (key === 13){ that.LoginClick(); // 这里去触发我们想要的事件就好了 } }}要记得后面解绑哦,不然每次进入登录页面就会给键盘绑定上登录事件,原创 2020-09-15 20:16:21 · 329 阅读 · 0 评论 -
Vue中axios请求导致status为canceled
这个的原因是浏览器端取消了这次的请求然后去百度百度的时候给出的大部分例子都是ajax请求,并且都说的是因为from中的 “submit” 改为 “button”就可以了自己尝试了一下之后发现根本不是这个问题 是因为自己封装的axios中规定了请求的时间,然后你的后端返回数据的时候时间过长,到了规定的时候没有返回数据,就按照你规定的时间给你取消了axios.defaults.timeout = 1000000; // 把这里事件改大一点就好了...原创 2020-07-21 16:23:50 · 3011 阅读 · 0 评论 -
在VUE中集成 keycloak 来做单点登录
这几天改进的VUE一个项目,需要增加单点登录功能,后端把需要的都给写好了,其中包括keycloak的服务配置,按照要求写好了之后发现有问题,晚上查阅了很多资料,都没有遇见类似的,最后没办法,自己本地配置服务,连接自己的keycloak才没有问题查阅过程中发现部分文章不是很全面,就打算借花献佛,一套流程走一遍,这里就不给大家介绍了,直接上过程吧keycloak 官网入口https://www.keycloak.org/downloads按照你的需求下载你需要的安装包(我下载的10.0.2版本)然后按原创 2020-06-17 19:46:22 · 6029 阅读 · 7 评论 -
VUE 中获取this.$refs为undefined
最近在修改bug的时候,需要获取到dom元素进行操作条件是通过屏幕宽度来改变获取到dom元素的定位位置,我选择通过JS的方式去改变HTML代码<div ref = "mydiv"></div>JScreated(){ console.log(this.$refs.mydiv)}控制台打印的时候为undefined然后开始检查字母和用法,发现都没有问题,就只有在 methods 函数里面也打印一下,这个时候发现打印就完全没问题,也得到我想得到的了,那问题应原创 2020-06-15 14:45:35 · 1533 阅读 · 0 评论 -
Vue兼容IE浏览器
之前知道有这个插件,就打算去弄,百度大家的用法发现一直报错,或者根本就不行而且大家都是改了babel.config.js这个文件后面自己尝试了一下发现根本就不用改babel.config.js文件,直接下载和mian.js中直接用就好了下载npm install babel-polyfill -s在mian.js中import ‘babel-polyfill’项目根文件中的babel....原创 2019-12-30 16:11:32 · 192 阅读 · 0 评论