前端开发

本文仅做为个人记录。虚拟渲染与单元格合并，可以通过设置参数 merge-cells 或调用函数 setMergeCells、setMergeCells 来控制单元格的临时合并状态。

在Chrome扩展中编程触发Vue Js应用的组件事件

axios导出excel

在vxe-table合并单元格的基础上，去合并部分表头内容

如题

Mockjs是一款模拟数据生成器，旨在帮助前端工程师独立于后端进行开发，帮助编写单元测试。

一、固定多套主题换肤二、ElementUI动态换肤

1、解决ElementUI中Upload组件上传单个文件时内容替换2、解决自定义上传时未选择文件时不能触发submit提交

通过svg-sprinter-loader实现electron-vue内使用svg图标

fullscreenchange全屏事件监听，兼容chrome、safari

说明：点击查询弹出模态，单击表格选中，点击模态外取消模态显示效果。如图Template <!-- 模态 - 选择人员 --> <div class="model" v-show="isShowMultiple" @click="setMaskShow($event)"> <div class="modelFixed" ref="chi...

使用VNode作为参数调整Message消息提示内容

需求： 两个日期选择器进行级联，使得开始日期始终小于或等于结束日期

debounce和throttle在脚手架的使用，此处以防抖函数debounce为例避免按钮被重复点击

单击模拟双击操作

<el-table :data="reviewEditData" v-loading="reviewEditLoading" height="calc(100vh - 450px)" border class="mt8"> <el-table-column lab...

通过例子演示vue计算属性的set和get的使用方法。

在ElementUI官方文档中，描述的动态渲染只是单纯的将已知字段名称的JSON数据通过prop属性填充到页面中，下为官方文档内容 &lt;template&gt; &lt;el-table :data="tableData" style="width: 100%"&gt; &lt;el-table-column prop="date" label="日期" w

在iview的modal中，弹出的对话框在点击确定按钮后会立刻关闭当前的对话框，在正常使用这一逻辑是没有问题的，但是如果modal中包括表单验证，或者其他需要自定义关闭当前对话框的操作时就会变得捉襟见肘。因此，实现对话框的异步关闭是必须要实现的。 然而通过对iview官方文档的阅读，modal中提供的实现异步关闭的loading属性在使用后虽然对话框仍然处于显示状态，但确定按钮始终处于加载...

在简书上看到一个vue抓取qq音乐数据的demo，其内容数据都是通过调取qq音乐的接口获得，由于本地项目直接使用接口会抛错，因此需要通过代理来转发请求，在vue中通过修改vue proxyTable实现跨域请求接口数据。具体配置方式如下： 在confid&gt;index.js中修改proxyTable:{}为↓↓↓proxyTable: { '/api': { ...

Vue获取元素高度.// 当前区域&lt;div ref="elememt"&gt;&lt;/div&gt; // 获取高度值 （内容高+padding+边框）let height= this.$refs.elememt.offsetHeight; //100// 获取元素样式值 （存在单位）let height = window.getComputedStyle(this...

随手记

iview和elementUI是我们在用vue开发项目时比较常用到的ui组件，在我们使用第三方UI组件库开发时有时需要对这些组件进行一些样式修改。为了vue页面样式模块化，不对全局样式造成污染，我们往往都会加入scoped属性用来限制样式的作用域，然而这也会导致当我们修改部分ui组件样式失效。为了避免这种情况，我们常用以下方式来解决。一、新建一个不含scoped的style标签覆盖组件样式不...

组件A为公共组件，负责定时查询信息通知，并通过模态展示；组件B为业务组件，负责项目中报告的编辑审核等业务流程；用户打开组件A中的信息通知模态时，可以选择接受或拒绝处理相关通知，接受时直接打开组件B进行业务，拒绝时只刷新通知不进行其他操作。这就需要监听组件A中的事件，当用户打开通知模态点击接受时，获取组件A中所选择用户的id并触发组件B中的方法。

功能描述：如图，右侧悬浮菜单按钮，只支持上下方向拖动，点击时展开或关闭菜单。BUG说明：鼠标上下方向拖拽，如果松开时鼠标位于悬浮按钮上会默认执行click事件，经验证，click事件与mouse事件的执行顺序为onmousedown =》onmouseup =》onclick,意味着在click事件执行时会与与其相关的mouse事件冲突。解决方案：因为click事件执行时间短，所以利...

&lt;div class="vote-box layui-form"&gt; &lt;ul&gt; &lt;li v-for="item in voteList"&gt; // 背景色 &lt;div class="progress" :style="randomRgb(item)"&gt;&lt;/div&gt;

最近项目中部分统计页面需要使用地图资源，考虑到已经引用Echarts组件，所以参考echarts的地图进行制作。然而echarts目前只有地图的相关demo，并没有提供相对应的完整的区域JSON文件下载。ECharts 之前提供下载的矢量地图数据来自第三方，由于部分数据不符合国家《测绘法》规定，目前暂时停止下载服务。后来在github上找到了国内省市区的地图JSON文件，如下：附：E...

BUG说明：通过slot分发进行标签页自定义标题，在标签页内执行方法修改标签页名称后无法进行双向绑定。只有切换标签页后数据才会进行刷新。源代码如下： <el-tabs v-model="activeTab" type="border-card"> <el-tab-pane name="0" label="标签一">111</el-tab-pane>...

需求说明：点击铃铛图标跳转到 /msg/index 路由页面下，同时调用APi查询消息列表。如果当前处于消息页时，重新加载路由刷新页面。解决办法：利用VUE提供的provide / inject 组合，简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量。首先，修改 <router-view/ >所在的页面，一般为App.vue ...

APIexcel.jsimport axios from 'axios';import {getToken} from '@/utils/token';/** * 导出搬抬单excel * @param e 参数 */export function excelToMoveList(e) { return axios({ url: window.localStorage....

先上图片如下： 流程描述: 1、点击用户时通过ID获取用户信息回显到右侧页面（注：异常在检查医生处，下房详细描述）； 2、选择或修改检查医生,此处代码如下；&lt;el-select v-model="searchRepUser1"&gt;&lt;el-option v-for="item in userList" :key="item.code" :label="item.nam...