suimengfeiyang123的博客

原创 vue 打印预览vue-print-nb的使用与常见问题

npm安装指令：©npm i(stall) -s(ave) vue-print-nb。取消打印出来的页眉页脚。main.js中配置。

原创 vue antd2 treeSelect多选自定义展示内容（父级名称+子级名称），当子级全部选中时只展示父级的名称，并且只获取子级的id

label-in-value改变value结构从[id],[{value:xxx,label:"xxx"}]SHOW_PARENT 选择父级展示父节点而不是全部，antd2 必须这么引入。change函数修改label。树形结构处理，添加层级。

原创 antd tree 叶子节点横向排序

将数据转为树形结构，并给第二级结构添加class类。

原创 vue antd a-tree 点击复选框不需要获取父级节点的值

if(item.data.props.isLast){//过滤掉父级id的值。如同当点击长安首站的时候不需要获取首站的值。

原创 vue antd a-tree-select 树形结构文字回显需要按照之前的顺序排序

原创 vue js 模拟a标签点击下载监听进度条下载进度

vue 点击下载请求静态资源，如何监听进度条下载的进度，实现loading

原创 vue antd input type=“number“ 如何禁止输入+-符号以及如何禁止滚轮滚动数字变动事件

if (keyCode === 189 || keyCode === 109|| keyCode === 107|| keyCode === 69|| keyCode === 187) { // -键对应的keycode为189或者109，+键对应的keycode为107或者187。// 阻止默认事件发生。

原创 a标签下载文件监听事件

下载文件

原创 vue + echarts 生成图片并上传到服务器

/ 获取文件格式（image/png、image/jpeg、image/webp等）// charCodeAt()：获取给定索引处字符对应的 UTF-16 代码单元。// 将整形数组的每个元素填充为解码结果字符串对应位置字符的UTF-16 编码单元。// 使用atob()对base64数据进行解码 返回文件数据流。// 根据解码后数据流的长度创建一个等长的整形数字数组。//获取图片的base64传递后台，生成图片，供导出报表使用。// 获取解码后 文件数据流的长度。// 创建File文件对象。

原创 antdesgin table树形结构点击编辑保存之后保持原来的展开状态

点击展开时记录下点击的行号存到数组中。

原创 微信小程序点击图片上传没反应

需要更新微信最新隐私协议，勾选上需要用的选项，提交等待审核，在需要调用隐私协议的页面添加如下代码。如果上传图片出现点击重试，请重新更新隐私协议，如果用到第三方插件如uview请选择上第三方插件。

原创 elementUi el-date-picker 日历组件默认展示当月的节假日，点击向左向右的箭头是请求接口返回节假日

document.querySelectorAll("[aria-label='下个月'],[aria-label='上个月'],[aria-label='后一年'],[aria-label='前一年']")this.$message.error('正在请求接口,请稍后再试')// 切换年月后重新调接口。// 10月之前都需要补0。日历代码 focus获得焦点时触发函数。// 获取焦点 展示日期。

原创 antd form与table结合动态表单验证

原创 antd select 有的时候选择下拉菜单不起作用

可以使用this.$forceUpdate()，它通过强制 watcher重新渲染来实现更新视图的目的。可能是因为使用到了v-if一开始页面在渲染的时候还没有加载。

原创 antd table分页增加一行合计

pagination设置分页的是时候pagSize需要设置为11，前端分页每页展示为11条，查询接口的时候pageSize需要-1按照每页10条查询，最后特别重要的总条数设置pagination.total应该是接口返回的总条数加上后台按照10条分页，前端按照11条分页多出来的条数。在查询到结果的时候需要把合计的数据push到数组中，deptName: '合计',

原创 vue 在css中如何引用data中的变量,取相反的颜色

vue 在css中如何引用data中的变量,取相反的颜色

原创 uniapp 从列表页跳转到详情页执行操作后，点击返回列表页并刷新

从列表页跳转到详情页执行操作后，点击返回列表页并刷新数据，列表 也用到了局部滚动插件

原创 uniapp uview 动态表单验证

1.uform组件修改代码（u-form.vue）2.vue 页面form表单批量验证

原创 flex 布局时，如何固定宽度

flex: 0 0 200px;第三个参数设置宽度，具体每个参数的意思是：0 - 不拉长（flex-grow）0 - 不缩短（flex-shrink）200px - 开始于 200px （flex-basis)