2024年6月11日
pc、uni-app接入海康监控 使用海康H5player播放器插件，支持app打包
摘要： 1、首先到海康开放平台下载播放器开发包，并解压 2、在static下新建monitor，复制bin文件夹中所有文件到monitor目录中。（txt文件可以删除） 3、在monitor/bin目录下创建player.html文件 <!doctype html> <html> <head> <meta 阅读全文
posted @ 2024-06-11 17:37 逸凨 阅读(75) 评论(0) 推荐(0) 编辑
基于vue2和elementui的周、月、季度、年范围选择器
摘要： 目前elementui中没有封装关于季度、年的范围选择器，如果有想要的话可以安装mo-quarter-picker插件： 详见github：https://github.com/mouday/mo-quarter-picker,里面有具体的使用文档等 效果如下： 阅读全文
posted @ 2024-06-11 15:44 逸凨 阅读(9) 评论(0) 推荐(0) 编辑
2024年6月5日
给容器右上角打标，带图标
摘要： 假设容器的active类名为is-active，那么可以通过伪元素的方式来给容器打标。效果如下： 样式如下： .is-active{ position: relative;}.is-active::after { content:""; position: absolute; right: 0; t 阅读全文
posted @ 2024-06-05 18:00 逸凨 阅读(2) 评论(0) 推荐(0) 编辑
2024年4月17日
uniapp中轮播控件中video播放器不能播放等，事件失效以及video滑动不了，卡顿不顺畅（指示器切换不了）问题并且控制台报错：TypeError: Failed to set the 'currentTime' property on 'HTMLMediaElement': The provided double value is non-finite
摘要： 如题：在uniapp中轮播控件中video播放器不能播放等，事件失效的原因与解决方法： 原因: 一、首先css中的pointer-events为DOM元素的鼠标事件，值如下： 1、auto 默认值，鼠标事件可以穿透到设置该样式的元素，该元素的鼠标事件的触发； 2、none 不再监听该元素的鼠标事件， 阅读全文
posted @ 2024-04-17 10:43 逸凨 阅读(688) 评论(0) 推荐(0) 编辑
2024年3月22日
uniapp编辑页修改数据后返回到列表页（上一页）或首页，列表页或首页数据不刷新问题
摘要： uniapp编辑页（当前页）等修改数据后返回到列表页（上一页）或多次返回上一页到首页（非上一页），列表页或首页数据不刷新问题 解决方法： 一、返回到列表页（上一页） 1、首先在编辑页的修改数据的成功回调中调用uni.$emit('refreshData');向上一页传递refreshData事件 2 阅读全文
posted @ 2024-03-22 11:45 逸凨 阅读(416) 评论(0) 推荐(0) 编辑
uniapp 修改input输入框的值,但视图不更新的问题
摘要： 解决方法：将修改t输入框的值的逻辑放到$nextTick函数中执行即可 例： html: <input v-model="pageInput" type="number" @input="validateNum" @confirm="goPage"/> js: validateNum(e){ thi 阅读全文
posted @ 2024-03-22 10:36 逸凨 阅读(453) 评论(0) 推荐(0) 编辑
2024年2月27日
打包app端 登录页【非tabBar页面】底部会显示导航栏的解决办法
摘要： 如题，uniapp项目打包app后，登录页底部会显示导航栏的解决办法 首先直接在pages.Json中的对应页面配置中设置"navigationBarHidden": true这个方法是无效的 "style": { "navigationBarHidden": true } 但是可以通过js方式来控 阅读全文
posted @ 2024-02-27 16:34 逸凨 阅读(276) 评论(0) 推荐(0) 编辑
2022年7月14日
elementUI 关于Select 选择器 的选项内容太长，导致容器宽度撑开超过页面宽度的问题处理
摘要： 在使用elementUI Select 选择器时，如果选项的内容长度太长的话会出现容器宽度超过页面宽度的问题，如下图： 这时候如果只是通过 /deep/ 或 ::v-deep 样式穿透的方式对element 的样式重写覆盖的话，发现是不生效的，内联样式也是不生效 ::v-deep .el-selec 阅读全文
posted @ 2022-07-14 15:52 逸凨 阅读(5626) 评论(0) 推荐(0) 编辑
element ui 表单多层嵌套的prop 校验与重置的写法
摘要： 在element ui 表单中 根据业务需要，有时候我们会遇到表单多层嵌套的prop 校验与重置的需要。这时候 就需要在 <el-form-item>标签中嵌套<el-form-item>，并且 el-form-item 标签的:prop属性，必须是其父级组件el-form中绑定model字段中的一 阅读全文
posted @ 2022-07-14 15:52 逸凨 阅读(3481) 评论(0) 推荐(0) 编辑
echarts 关系图 与节点显隐的切换事件实例
摘要： 如标题所言，echarts可以用来绘制关系图，效果图如下： 实例如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>关系图</title> <script src="js/echarts.min.js"></script> 阅读全文
posted @ 2022-07-14 15:51 逸凨 阅读(1134) 评论(0) 推荐(0) 编辑