weixin_44794123的博客

vue3中使用logicFlow绘制流程图。

1.封装element-plus table分页。

vue2全局封装modal弹框应用

vue3 父子组件传参

vue实现跳转传参

Vue3 组件动态使用

vue3指令简单使用

实现下载zip文件，导出多个Excel表格。

iview 动态菜单渲染后，刷新或链接跳入页面侧边栏菜单没有保持高亮选中问题。

momentjs对DatePicker时间组件的禁用实践。

本文简单总结一下：.some .find .findIndex等方法的简单使用

【代码】vue 搜索清空对象属性的值方法。

解决问题： 关于iview tree树形菜单在使用过程中存在父级菜单的数据传输和回显问题。

iview中，使用Dropdown+input 实现一个可以手动输入的下拉框

使用iview折叠面板（Collapse）实现：1.可以动态渲染显示。2.可以独立操作展开收起效果，点击可以独立修改数据，修改完成只收起其对应面板。

iview 树形控件tree的简单实践，select下拉框展示tree面板，选中节点值收起tree。

表单提交知识小结

实现：iview vue 根据不同的登录用户角色显示不同的左侧菜单权限。

Object实践：使用Object.keys()和 Object.values()方法；对象数据值的累加统计；获取或检验对象的键或值。（Md5或sha256）

导出时频繁点击按钮时，导出失败或接口请求错误，如何解析接口返回的提示语。这样就可以解析提示出后端接口返回的错误信息，避免频繁点击导致高并发。

实现一个预警功能，需要动态配置一些参数，根据下拉选中类型实现动态添加表达式的功能；。

vuex中mapMutations的使用。

iView时间组件：DatePicker封装使用

iView跳转子菜单父级菜单保持高亮选中

vuex中mapActions的使用

iView tabs的使用

粒子动效

Vue iView日期组件 DatePicker的使用及时间日期处理总结；

iView table组件checkbox跨页勾选记忆，及分页page相关使用采坑总结。

iView 级联Cascader回显慢优化；

vue+iView实现导入与导出excel功能一，需求：1，导入导出的必要性导入与导出在日常项目开发中经常用到,批量导入功能可以快速插入添加数据。导出功能则可方便直观明了拿到所需展示的重要数据。2，xls和xlsx区别？1、文件格式不同。xls 是一个特有的二进制格式，其核心结bai构是复合文档类型的结构，而 xlsx 的核心结构是 XML 类型的结构，采用的是基于 XML 的压缩方式，使其占用的空间更小。2、版本不同。xls是excel2003及以前版本生成的文件格式，而xl

vue分环境配置变量及打包一，环境配置a,主要环境： dev prod testvue项目根目录下新建配置文件.env.devNODE_ENV="development"BASE_URL="/admin"VUE_APP_UPLOAD_URL='http://y.yy.com:8080'VUE_APP_LOGIN='false'.env.prodNODE_ENV="production"BASE_URL="/"VUE_APP_UPLOAD_URL='http://x.xx.co

vue+iView 日期选择器及下拉控件默认选项修改一，iviewiview官网a，安装npm install iview --saveb，引入main.jsimport iView from 'iview'import 'iview/dist/styles/iview.css'Vue.use(iView)c，按需引入比如在axios中import iView from 'iview'使用提示： iView.Message.error(error.request.resp

1，页面中添加class <li v-for="(item, index) in sortedList" class="clearfix hoverStyle" @click="handleClickTypeItem($event, index)" > <span v-show="!item.edit" class="floatLeft"

vue项目中，经常会使用到vuex，vuex是vue的一个状态管理。本文简单总结一下：vuex中mapGetters的使用。如果一个变量或对象需要在多个页面和组件中使用，那么，可以使用mapGetters。一.vuex中声明变量个方法1.在state中声明：state: { freeShipping:cookie.get('freeShipping'),}2.在mutations中书写方法：mutations: { updatefreeShipping(state, fre

vue中提供了一种混合机制mixins，用来更高效的实现组件内容的复用。 组件在引用之后相当于在父组件内开辟了一块单独的空间， 来根据父组件props过来的值进行相应的操作，单本质上两者还是泾渭分明，相对独立。 而mixins则是在引入组件之后，则是将组件内部的内容如data等方法、 method等属性与父组件相应内容进行合并。 相当于在引入后，父组件的各种属性方法都被扩充了。 单纯组件引用： 父组件 + 子组件 >>> 父组件 + 子组件 mixins：

在vue中是使用echars图表及element ui前端项目中，通常会使用到一些图表库，为了极大可能的以图形形式化展示出数据的波动及其发展趋势，图形化展示数据，简单明了，层次鲜明，从而有利于数据分析，为后期的发展规划提供合理的建议及其优化。echars是百度开源的一个JavaScript 实现的开源可视化库，里面有许多图形化视图模板及其说明文档，感兴趣的均可以使用其模板开发属于自己的大屏及其数据分析监控系统。echars官方实例快速上手echars当然，除了echars,还有一些比较好用的图形化

uniapp内嵌入外部页面嵌入外部页面找到了两种解决方法：1，iframe<iframe src="https://blog.youkuaiyun.com/weixin_44794123?spm=1001.2101.3001.5343" :style="{ height: this.app_height * 0.5 + 'rpx',width: this.app_height * 100 + 'rpx' }" ></iframe>使用iframe，会出现布局错乱，然后需要手动去适

uniapp安卓App端，视频+图片轮播,层级过高及卡顿问题1，问题：使用uniapp打包安卓app,在使用轮播图的过程中，如果使用纯图片或者纯视频，轮播是没有问题的。但是，如果使用视频+图片的形式轮播的话，返回视频会出现卡顿，扭曲，变形等问题，或者是只能看到半个视频，而且不同型号的手机端，时好时坏，看着很是不爽。具体问题如图2，出现问题的原因是：由于在uniapp中video属于原生，层级很高，即使设置z-index也不可行。在和图片一起轮播的过程中还是会出现那个卡顿问题：主要是在swiper

使用HBuilderX云打包App之视频相机权限配置1，uniapp中如果App中需要使用扫码的话云打包成app后，如果没有配置相关权限的话。在手机端使用app扫码功能是无法调用的。在云打包时配置：找到manifest.json文件然后打开：找到【权限配置】》勾选CAMERA2，uniapp中如果App中需要使用视频的话云打包成app后，如果没有配置相关权限的话。在手机端使用无法打开视频播放的。在云打包时配置：找到manifest.json文件然后打开：a.【模块配置】》勾选【V