vue
hello_world_Q
wx:19855357869
展开
-
webRtc播放rtsp视频流(vue2、vue3+vite+ts)
web播放rtsp视频流原创 2023-04-18 14:04:38 · 9672 阅读 · 44 评论 -
微信小程序 签名
【代码】微信小程序 签名。原创 2022-08-20 15:11:38 · 670 阅读 · 0 评论 -
微信多人聊天及轮盘小游戏(websocket实现)
概况:用户可选择 【创建房间】、【加入房间】两个选项,每个房间最多容纳8人同时游戏或聊天。具体实现思路:客户端发起socket连接时路径会带上参数:gameRoomNum_OpenId_type,解释:(gameRoomNum:房间号;OpenId:用户openId,type:用户类型【0房主用户,1房客用户】),此参数会在后台作为session的唯一标识,后台的每个socket对应的session会放在一个Map中,其key为gameRoomNum_OpenId_type,value为socket的ses原创 2022-06-21 20:52:03 · 3481 阅读 · 0 评论 -
微信小程序分享链接及分享朋友圈,及mpvue无法指定分享名的bug修复方法
分享链接参数携带:<button open-type="share" hover-class="none">分享</button>onShareAppMessage: function (res) { if (res.from === 'button') { // 来自页面内转发按钮 wx.showLoading(); return new Promise((resolve, reject) => { wx原创 2022-04-07 18:06:38 · 1429 阅读 · 0 评论 -
elementUI选择本地图片转base64
<el-upload action='' :on-change="getFile" :limit="1" :auto-upload="false" ref="faceImgUpload03"> <div> <img :src="dataForm.logoUrl" width="150px" height="150px"/> </div><el-button type="warning" pla.原创 2022-03-17 15:21:17 · 1127 阅读 · 0 评论 -
getUserMedia is not implemented in this browser解决办法
方案一http换成https有条件的可以将http协议换成https协议访问网站。方案二客户端浏览器手动指定域名安全使用谷歌内核的浏览器输入url:chrome://flags/#unsafely-treat-insecure-origin-as-secure1.输入网站域名。2.下拉框选择enable。3.重启浏览器...原创 2022-01-02 20:42:59 · 8626 阅读 · 3 评论 -
element-ui中table组件自动滚动
tableScroll: function () { // 拿到表格挂载后的真实DOM const table = this.$refs.table // 拿到表格中承载数据的div元素 const divData = table.bodyWrapper // 拿到元素后,对元素进行定时增加距离顶部距离,实现滚动效果(此配置为每100毫秒移动1...原创 2021-05-13 16:44:11 · 5809 阅读 · 11 评论 -
Error in mounted hook: “ReferenceError: PubSub is not defined
报错原因:少PubSub相关依赖。解决办法:1、使用npm添加依赖:npm install --save pubsub-js(失败的话使用此命令:cnpm install --save pubsub-js)2、在src下的main.js中引用: import PubSub from 'pubsub-js' Vue.prototype.PubSub = PubSub3.在.eslintrc.js中添加一下配置globals: { Pu...原创 2021-03-18 16:58:54 · 4319 阅读 · 6 评论 -
Vue中子组件向父组件传递参数
/** 父子组件传递数据* 1)子组件向父组件传递数据:事件机制* 子组件给父组件传递一个事件,并携带上数据* 子组件中:* // 子组件向父组件传递参数方法:方法名 所带参数...(可变数组)* this.$emit('category-tree-node-click', data, node, component)* 父组件中:* //对应子组件中的事件名* @cate..原创 2021-03-16 17:30:36 · 204 阅读 · 0 评论 -
SpringBoot+vue项目打war包发布(vue-element-admin)
其他步骤与打jar包相似。可参考此博客,SpringBoot+vue项目打war包发布需要修改vue的publicPath参数,如下:为了在开发时能够正常访问请求,可以在application.properties文件中加上以下配置原创 2021-02-22 16:38:58 · 724 阅读 · 0 评论 -
SpringBoot+vue项目打jar包发布(vue-element-admin)
1.vue项目打包npm run build若使用的vue-element-admin后台通用模板使用如下命令打包# 打包正式环境npm run build:prod# 打包预发布环境npm run build:stage打包成功标志:2.将打包好的vue项目放到springboot项目中的resources文件夹下修改application.properties配置文件(若index.html文件放在templates文件夹下,则路径随之变动)3.启动s原创 2021-02-06 10:50:42 · 1938 阅读 · 1 评论 -
VSCode快速Vue项目模板及可能出现的问题
vue模板依次点击:文件----首选项---用户片段。在弹出框中输入 vue.json 敲回车,在打开的文件中输入以下内容:{ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div class='$2'>$5</div>",原创 2020-07-09 11:55:58 · 315 阅读 · 0 评论