1,在使用vue2开发项目时,快捷有效的组件化component
若有参数传递时,可以通过这样传递 在component中:
2,上拉加载,下拉刷新
若是使用局部进行上拉加载 下拉刷新 且需要用到scroll-view时 那么需要切记scroll-view在内被mescroll-uni包裹。若场景有限 对于无数据显示时 且超出scrollview时,那么可以这样操作:
随后在scrollview内部的底部根据获取数据的长度 在最底部添加没有更多了即可。
3,对于vue3安装echarts图表时,报错或者安装不上,显示404,找不到echarts图表文件等情况,属于node版本问题,可以安装nvm进行切换最新版本。
4,在日常项目中,对于需要拼接路径时,需要采用到的方式进行拼接 URL.createObjectURL(_blob)
主要需要了解该部分内容:
let _blob = new Blob([res], {
type: "application/vnd.ms-excel"
})
let newUrl = URL.createObjectURL(_blob);
4,实时更新视频,摄像头的写法:
记住这里使用的是接口 所以可以不做父传子。父传子下次进入后为空不会播放视频 必须调用接口才可以。
引入component文件中的写法内容
主干内容:
<template>
<video id="jswebrtc" ref="jswebrtc" controls :autoplay="true"
style="width: 100%; height: 100%; object-fit: fill;"></video>
</template><script>
import {
video_time
} from "@/api/system"
export default {
data() {
return {
player: null,
videoSrc: ''
}
},
async created() {
//请求视频的接口
await this.data_()
},
methods: {
data_() {
video_time('').then((res) => {
this.videoSrc = res.data.videoinfo
this.initVideo(this.videoSrc);
}).catch(res => {
console.log("请求失败", res)
})
},
initVideo(url) {
if (this.player) {
this.player.destroy();
this.player = null;
}let videoDom = document.getElementById('jswebrtc');
this.player = new JSWebrtc.Player(url, {
video: videoDom,
autoplay: true,
onplay: (obj) => {
videoDom.addEventListener('canplay', function(e) {
videoDom.play();
})
}
})
console.log("this.player,videoDom", this.player, videoDom)
}
},
beforeDestroy() {
if (this.player) {
this.player.destroy();
}
}
}
</script><style>
</style>
注意引入min的安装文件的方式:
主干内容:
var JSWebrtc={Player:null,VideoElement:null,CreateVideoElements:function(){var elements=document.querySelectorAll(".jswebrtc");for(var i=0;i<elements.length;i++){new JSWebrtc.VideoElement(elements[i])}},FillQuery:function(query_string,obj){obj.user_query={};if(query_string.le