想到好的再改-优快云博客

原创 uniapp + paho-mqtt 的爬坑之旅

物联网项目中难免使用mqtt来进行数据传输其中mqtt方案包括与mqtt.js在uniapp中有引入demo这个就暂且不提了在特殊的应用场景中比如buffer传输就需要使用paho-mqtt至此开启坑。

2022-10-18 16:50:59 1291

原创解决Vue中数组值更新视图不更新问题

Vue 中list值更新视图不更新问题通过操作改变已经渲染成表格的list中某行的值,通过输出可以看到值是被更新了但是页面上还是老数据我们使用this.$set去更新的整个数组中某一坐标才会触发视图更新,当时如果我们只想更新某一个属性怎么办使用push()使其变异再使用pop()删除添加的坐标引发数组变异而引起视图更新list.push({})list.pop()//页面中视图刷新...

2021-09-08 16:45:56 822

原创 keep-alive导致热重载失效问题

keep-alive导致热重载失效问题记录热重载突然失效,各种重装网上找方案都无效,发现页面元素是可以更新的,唯独JS代码无法被热部署上去,得通过浏览器刷新JS代码才能实现于页面苦苦寻找最终定位问题到是因为keep-alive将页面缓存,热重载无法触发更新导致问题找到了解决也就简单了将keep-alive仅仅定位到在开发环境使用即可...

2021-08-19 19:55:51 986

表单输入框焦点获取与失去事件不同步问题解决方案在程序运行中,input输入框的获取焦点事件触发等级是高于失去焦点事件的所以我们在另一个元素中写获取焦点,在当前元素中有失去焦点则后者的失去焦点事件会被覆盖这里我们采取的解决方案为 //失去焦点事件 loseFocus() { /** * 这里使用定时器是因为失去焦点方法被在获取焦点前触发 * 而JS是过程性语言,在程序运行结束后元素都还没获取到焦点 * 定时器使方法延

2021-08-17 09:09:43 455

原创 VUE子组件修改父组件值不更新

关于VUE子组件修改父组件值不更新问题的解决方案首先父组件通过props传值给子组件的值是无法通过子组件自行修改了,只能使用类似于$emit这样的方法启用触发父组件方法修改,不然会报错不过通过对象传输给子组件,子组件在已有父组件对象上添加属性是可以改变父组件对象的这个时候我们会遇到一个问题如标题我们添加属性的时候它和我们想象中一样的改变,但此时我们再在原有的基础上进行修改父组件将不再更新我们的值.解决方案如下this.$set(对象,修改的属性名,值)使用VUE的$set方法更新视图..

2021-08-16 11:01:11 3570

原创 innerHTML写入元素后添加方法

当需要动态插入元素时,插入的元素往往添加class样式于onclick方法失效.这种情况是因为插入之前class与js代码已被读取所以这里就解决方案原理是插入元素的同时给予它添加点击事件与内联样式vessel.innerHTML ="<video style='width: 100%;height: 100%;background: #31313180;' class='camera-play'></video>"; document.querySelectorAll

2021-03-30 11:48:20 831

原创基于flv.js播放青柿流媒体并控制摄像头封装JS包(部分功能)

//此处startPlay调用传输值//ID为青柿流媒体提供接口查询出的设备列表中单个的设备ID//token是青柿鉴权令牌//ele为调用页要渲染的video元素将your URL替换为青柿请求地址及可使用import flvjs from 'flv.js'import Vue from 'vue'let that = new Vue()let myId, myToken, flvPlayer;//直播流渲染至元素let startPlay = (id, token, ele) =&g

2021-03-26 15:29:33 431

转载常用JS方法封装包

1、输入一个值，返回其数据类型function type(para) { return Object.prototype.toString.call(para)}2、数组去重function unique1(arr) { return [...new Set(arr)]}function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj[ele]) {

2021-03-04 14:15:08 431 1

原创 native导致elementUI元素两次触发

.native导致elementUi元素点击事件触发两次的一种解决方案 <el-radio-button @click.native="fn()"></el-radio-group>其中fn方法触发会执行两次,原因是冒泡事件,使用prevent阻止冒泡会导致样式失效.我使用的是另一种解决方案,在data中定义一个状态属性为true方法中引用即可 if (this.noTwoReq) {//这里的代码是解决native会导致el元素点击事

2020-10-23 14:20:27 1141 2

原创个人的常用方法tools.js

个人常用的js工具包引入包,可单独引用其中一个方法{paging}/* * @Author: G_yl * @Date: 2020-10-19 10:47:16 */export let paging = (data, num) => { //根据num值对data进行二维数组式分页 let myNum = num || 1; //num值为空就赋值1 let list = []; let dataVessel = []; for (let i = 0; i <

2020-10-19 14:03:16 222

qizi_的博客