xia_zixin的博客

原创 记录uni-app 小程序分包

被移动的文件是非pages.json里tabBar的页面，主包的tabBar页面是不建议放分包。分包中需要用到的依赖需要单独移动到packageA的uni_modules文件下。1.manifest.json文件，开启分包优化。2.创建分包文件夹（暂时叫packageA）运行到小程序模拟器，能在微信开发者工具上看到。

原创 uni-app 判断当前环境是开发环境还是生产环境

uni-app 可通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境。发行成功后会启动微信开发者工具的生产环境。此时调的就是生产环境的接口。点击“发行”编译出来的代码是生产环境。想着是不是要换种打包方式。点击“发行”编译出来的代码是生产环境（重点！直接在微信开发者工具点击上传，开发环境测试通过。发到线上版本，发现使用的还是开发环境的接口。点击发行，发行失败可能是没有完成身份验证。不要改微信开发者工具，直接点击上传即可。点击“运行”编译出来的代码是开发环境。

原创 element el-table 树形数据、懒加载添加排序功能。懒加载数据同步更新

表格自带的排序功能目前只针对第一级树结构，那么当我们想对整体树形数据来排序的时候就要经过特殊处理了。这里的问题在于不能直接拿到children来排序, 我们需要定义map来储存懒加载的数据。一定要有唯一标识，children的id不能与外层id相同。在data中加入一个map来用于存取数据

原创 记录echarts tooltip过长被截断的解决方式

弹框展示不完整，加confine：true无效tooltip有一个extraCssText属性，可以修改弹框样式 ： extraCssText: ‘z-index: 2;’ 依然无效重点： appendToBody 官方文档是否将 tooltip 的 DOM 节点添加为 HTML 的 的子节点默认值是 false。false 表示，tooltip 的 DOM 节点会被添加为本图表的 DOM container 的一个子孙节点。但是这种方式导致，如果本图表的 DOM container 的祖先节点有设置

原创 vue 登录后禁止指定url浏览器后退

vue 登录后禁止指定url浏览器后退在main.js中window.addEventListener('popstate', function() { if (this.document.URL.indexOf('/homePage') > -1) { history.pushState(null, null, document.URL) }})在src/router/index.jsscrollBehavior: () => { if (this.docu

原创 前端用户忘记密码，手机验证码修改密码功能

原创 elementui el-radio-group 分组排序问题

elementui el-radio-group 分组排序问题<!-- 分组排序 --> <el-radio-group v-model="sortType" class="group-button width-full mar-b-10" size="mini" @change="handleSortTypeChange"> <el-radio-button :label="1">{{ $t('formula.orderExecution') }}

原创 前端elementui el-popover 多行文本换行显示优化

前端多行文本换行显示优化下载vue-ellipsis-text包，分析源码-自定义JfEllipsisText组件使用场景：1.适用于单行文字超出显示省略号；2.适用于多行文本超出指定行显示省略号（或追加【更多】按钮）多行文本换行的样式：display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;white-space: pre-wrap;word-break: break-word; 一行单词中实在没有其他靠谱的

原创 vue element-ui只有一条信息时默认选中按钮，且不能取消，多条信息时可以手动选择

vue element-ui只有一条信息时默认选中按钮，且不能取消，多条信息时可以手动选择用lodash方法进行原数据的深拷贝// 编辑多规格产品时必须选中一个默认规格 setColumnData() { return function(data) { if (this.listData.length === 1) { const columnData = _.cloneDeep(data) if (columnData.nam

转载 解决 element-ui input=password 在浏览器会自动填充密码的问题

解决 element-ui input=password 在浏览器会自动填充密码的问题<el-form-item label="用户名" prop="user_name"> <el-input v-model="info.user_name" :disabled="updateFlag" auto-complete="off" name="person.user.user_name"></el-input> </el-form-item

原创 前端英文首字母转大写

前端英文首字母转大写思路：将返回的数据换成大写如果是for循环出来的小写 那你肯定改不了请求返回数据的格式 只能转存的时候把数据大写存入如果数据存在vuex中 就需要在发送请求得到数据后对数据首字母大写在存到vuex里面，但如果是服务端渲染 ，那我们就改不了解决方案：datas.forEach(item=>{item.enumData[0].list.forEach(item=>{let str=JSON.parse(item.caption)str.en= str.en.re