随笔分类 - 前端
摘要：1、首先到海康开放平台下载播放器开发包，并解压 2、在static下新建monitor，复制bin文件夹中所有文件到monitor目录中。（txt文件可以删除） 3、在monitor/bin目录下创建player.html文件 <!doctype html> <html> <head> <meta
阅读全文
摘要：目前elementui中没有封装关于季度、年的范围选择器，如果有想要的话可以安装mo-quarter-picker插件： 详见github：https://github.com/mouday/mo-quarter-picker,里面有具体的使用文档等 效果如下：
阅读全文
摘要：假设容器的active类名为is-active，那么可以通过伪元素的方式来给容器打标。效果如下： 样式如下： .is-active{ position: relative;}.is-active::after { content:""; position: absolute; right: 0; t
阅读全文
摘要：uniapp编辑页（当前页）等修改数据后返回到列表页（上一页）或多次返回上一页到首页（非上一页），列表页或首页数据不刷新问题 解决方法： 一、返回到列表页（上一页） 1、首先在编辑页的修改数据的成功回调中调用uni.$emit('refreshData');向上一页传递refreshData事件 2
阅读全文
摘要：解决方法：将修改t输入框的值的逻辑放到$nextTick函数中执行即可 例： html: <input v-model="pageInput" type="number" @input="validateNum" @confirm="goPage"/> js: validateNum(e){ thi
阅读全文
摘要：如题，uniapp项目打包app后，登录页底部会显示导航栏的解决办法 首先直接在pages.Json中的对应页面配置中设置"navigationBarHidden": true这个方法是无效的 "style": { "navigationBarHidden": true } 但是可以通过js方式来控
阅读全文
摘要：在使用elementUI Select 选择器时，如果选项的内容长度太长的话会出现容器宽度超过页面宽度的问题，如下图： 这时候如果只是通过 /deep/ 或 ::v-deep 样式穿透的方式对element 的样式重写覆盖的话，发现是不生效的，内联样式也是不生效 ::v-deep .el-selec
阅读全文
摘要：在element ui 表单中 根据业务需要，有时候我们会遇到表单多层嵌套的prop 校验与重置的需要。这时候 就需要在 <el-form-item>标签中嵌套<el-form-item>，并且 el-form-item 标签的:prop属性，必须是其父级组件el-form中绑定model字段中的一
阅读全文
摘要：如标题所言，echarts可以用来绘制关系图，效果图如下： 实例如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>关系图</title> <script src="js/echarts.min.js"></script>
阅读全文
摘要：在使用ant design vue 的表格时，有时候不需要表格第一列的联动勾选框，那么在表格组件中不要设置 v-bind: rowSelection属性既可。如果需要设置 联动勾选事件、回调、勾选框类型、第一列勾选框的表头【全选/反选】的隐藏等详见官方文档的rowSelection属性配置：表格 T
阅读全文
摘要：在使用多行文本超出范围显示省略号样式时，经过编译后会出现-webkit-box-orient: vertical;样式丢失问题 解决方法：在-webkit-box-orient: vertical;样式头尾添加以下注释jike /* autoprefixer: off */ -webkit-box-
阅读全文
摘要：echarts 中 图例文字的颜色默认是黑色，通常我们配置图例文字颜色有两种方式： 一、在lengend 中配置data属性，data里面定义各图例的文本，以及该文本对应的样式，这里的文本就与option中的series中的data 重复了，【echart实际上的图例数据是根据series中的dat
阅读全文
摘要：效果图 demo实例: <template> <div ref="main" style="width: 1920px; height: 1080px; border: 1px solid #ddd"></div> </template> <script> import * as echarts f
阅读全文
摘要：echarts 中并没有封装对 地图 区分内外边界线的样式，只有统一的边界样式，所以我们换个思路，绘制2个图层，在底层图层中设置边界线的样式【该边界线为外边界线】，在上层图层中设置边界线的样式【该边界线为内边界线】这样就可以满足 【原理：上层的图层会覆盖底层的图层，所以地图的内边界线只会显示上层图层
阅读全文
摘要：echarts 中 symbol参数设置 标记打点的图形。 ECharts 提供的标记类型包括：'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'【圆形、矩形、圆角矩形、三角形、菱形、大头针型像水滴
阅读全文
摘要：在ant design vue 的使用中总会遇到一些坑，如标题所言，这里提供一个解决方法参考用 关键代码如下： 注：这里的table组件不要通过使用 ant 中封装的 scroll属性来达到超出高度显示滚动条的目的，而是自己定义一个内联样式：overflow-y：auto;height: 【某固定高
阅读全文
摘要：首先我们来看下vue 的渲染等执行顺序 //加载渲染过程 父组件 beforeCreate 父组件 created 父组件 beforeMount 子组件 beforeCreate 子组件 created 子组件 beforeMount 子组件 mounted 父组件 mounted //更新过程
阅读全文
摘要：一、 首先在columns中设置所有字段信息，例： columns: [ { title: '序号', dataIndex: '', key: 'rowIndex', align: 'center', customRender: function (t, r, index) { return par
阅读全文
摘要：安装 npm install vue-ls --save 或 yarn add vue-ls vue项目中使用 //在vue项目中的入口文件main.js中引入 import Storage from 'vue-ls'; options = { namespace: 'vuejs__', // 存储
阅读全文
摘要：根据项目需要，有时从后端取出来的图例数据太多，文本又太长，那么在展示上就不是那么完美，这时就需要对图例进行处理,效果图见下面1中的截图： 1、图例数据太多： 解决方法：echarts中已经封装了对图例的分页处理：在lengend中加入type: "scroll"即可，图例会自动根据容器的宽或高对图例
阅读全文
浙公网安备 33010602011771号