逸凨 - 博客园

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 逸凨阅读(622) 评论(0) 推荐(0) 编辑

基于vue2和elementui的周、月、季度、年范围选择器

摘要：目前elementui中没有封装关于季度、年的范围选择器，如果有想要的话可以安装mo-quarter-picker插件：详见github：https://github.com/mouday/mo-quarter-picker,里面有具体的使用文档等效果如下：阅读全文

posted @ 2024-06-11 15:44 逸凨阅读(182) 评论(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 逸凨阅读(5) 评论(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 逸凨阅读(1626) 评论(0) 推荐(0) 编辑

2024年3月22日

uniapp编辑页修改数据后返回到列表页（上一页）或首页，列表页或首页数据不刷新问题

摘要： uniapp编辑页（当前页）等修改数据后返回到列表页（上一页）或多次返回上一页到首页（非上一页），列表页或首页数据不刷新问题解决方法：一、返回到列表页（上一页） 1、首先在编辑页的修改数据的成功回调中调用uni.$emit('refreshData');向上一页传递refreshData事件 2 阅读全文

posted @ 2024-03-22 11:45 逸凨阅读(992) 评论(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 逸凨阅读(1089) 评论(0) 推荐(0) 编辑

2024年2月27日

打包app端登录页【非tabBar页面】底部会显示导航栏的解决办法

摘要：如题，uniapp项目打包app后，登录页底部会显示导航栏的解决办法首先直接在pages.Json中的对应页面配置中设置"navigationBarHidden": true这个方法是无效的 "style": { "navigationBarHidden": true } 但是可以通过js方式来控阅读全文

posted @ 2024-02-27 16:34 逸凨阅读(554) 评论(0) 推荐(0) 编辑

2022年7月14日

elementUI 关于Select 选择器的选项内容太长，导致容器宽度撑开超过页面宽度的问题处理

摘要：在使用elementUI Select 选择器时，如果选项的内容长度太长的话会出现容器宽度超过页面宽度的问题，如下图：这时候如果只是通过 /deep/ 或 ::v-deep 样式穿透的方式对element 的样式重写覆盖的话，发现是不生效的，内联样式也是不生效 ::v-deep .el-selec 阅读全文

posted @ 2022-07-14 15:52 逸凨阅读(6024) 评论(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 逸凨阅读(4391) 评论(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 逸凨阅读(1232) 评论(0) 推荐(0) 编辑

逸凨

公告