- 博客(13)
- 问答 (5)
- 收藏
- 关注
RSS订阅原创 谷歌浏览器访问网站超时，其它浏览器可以访问
在网上搜了很久，各种重置网络和重新安装软件，甚至一度怀疑是更新后的系统和谷歌浏览器兼容出现的新bug。就完美解决了，希望能够解决大家的问题。解决思路：打开谷歌浏览器设置找到。
2024-03-10 20:04:40
365
原创 Vue中使用mqtt 过程和报错
操作过程的话我就直接给大家放博客了，我也是按照他这个来的MQTT在Vue中的使用和测试本人遇见的问题是，后端同时在跟一个前端两个客户端进行对接，客户端那边是 mqtt 方式连接前端页面按照哪个客户端的路径和端口链接就会链接失败host:'mqtt://***.***.**/mqtt') 页面提示报错显示的路径是 ws://test.mosquitto.org/mqtt查看资料后发现，前端页面不能通过mqtt 这种方式连接 只能通过ws然后后端重新测试就没问题了，就能连接上了然后搜索MQTT
2020-09-28 17:57:02
2227
原创 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
1720
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
499
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
318
原创 Vue中axios请求导致status为canceled
这个的原因是浏览器端取消了这次的请求然后去百度百度的时候给出的大部分例子都是ajax请求，并且都说的是因为from中的 “submit” 改为 “button”就可以了自己尝试了一下之后发现根本不是这个问题 是因为自己封装的axios中规定了请求的时间，然后你的后端返回数据的时候时间过长，到了规定的时候没有返回数据，就按照你规定的时间给你取消了axios.defaults.timeout = 1000000; // 把这里事件改大一点就好了...
2020-07-21 16:23:50
2974
原创 在VUE中集成 keycloak 来做单点登录
这几天改进的VUE一个项目，需要增加单点登录功能，后端把需要的都给写好了，其中包括keycloak的服务配置，按照要求写好了之后发现有问题，晚上查阅了很多资料，都没有遇见类似的，最后没办法，自己本地配置服务，连接自己的keycloak才没有问题查阅过程中发现部分文章不是很全面，就打算借花献佛，一套流程走一遍，这里就不给大家介绍了，直接上过程吧keycloak 官网入口https://www.keycloak.org/downloads按照你的需求下载你需要的安装包(我下载的10.0.2版本)然后按
2020-06-17 19:46:22
5806
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
1511
原创 CSS 渲染内容超出一行末尾就显示省略号
CSS 渲染内容超出一行末尾就显示省略号div{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}加入以上这行代码没用的时候你就需要将元素转为块元素div{ display: block; /* 转换一下元素就好了 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}...
2020-05-15 16:48:01
242
原创 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
185
原创 Vue中axios拦截器post方式加不上请求头
今天写项目封装axios中发现一个问题，开始给get自定义加请求头没问题config.headers = {‘language’:‘Chinese’};，访问的通数据也及时返回了后面写post请求需要加一个config.headers = {‘Content-Type’:‘application/x-www-form-urlencoded’};就发现服务器500，报错了，去控制台查看的时候发...
2019-12-18 16:45:40
1483
原创 Vue中手机发送验证码倒计时功能
最近接触到的项目中就需要用到这么一个功能HTML代码<div class="Phone"> <el-input placeholder="请输入手机号" v-model="Phone"></el-input> <el-button :disabled="!this.codeObj.status" @click="getCod...
2019-12-12 17:22:49
149
原创 当你不使用button作为按钮时候，鼠标双击当前元素会选中它的文本
当你给一个标签例如div,p,span当做按钮用,中间是文本内容的时候，它双击就会被选中它就会被选中，这个时候你需要给当前元素添加一个属性就可以了onselectstart=‘return false’;...
2019-12-10 20:45:45
258
空空如也
Vue 中使用el-input type="textarea" 怎么阻止默认换行行为
2020-09-29
CSS 修改滚动条样式后 滚动条左边会出现一条白边，审查元素根本没有
2020-09-16
在VUE项目中集成keycloak，进入登录页面登录成功后，返回页面会一直反复刷新
2020-06-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人