FTEzreal的博客

vue后台管理系统，proxy代理，api字段相同，但请求服务域名不同产生跨域的问题解决

钉钉JSAPI鉴权

解决nuxt项目转为spa打包部署报错问题

【图解】vue2.x项目用HbuilderX打包成app

vue项目源映射错误 Error；request failed with status 404

前言：出现此类报错，问题一般都出现在数据类型上，比如：1.字符串使用了数组的方法；2.数据应定义为数组[]，却定义成了字符串…so，优先检查数据类型的问题。问题：vue+element 后台管理系统，切换搜索板块时，需要清空筛选条件重置数据控制台报错如下：解决：经检查，问题出在vue双向绑定的数据类型上。项目中有一个下拉筛选搜索框，之前为单选，data中初始值定义为空字符串’ '；后续需求变更为多选筛选，data中的初始值应定义为数组[ ]，而需求变更的时候忽略了这个问题，所以出现.

前言：本博客仅记录博主本人使用过的一些插件或网址，其中的描述内容仅代表个人体验。本博客内收录的链接地址仅为博主使用时的版本，若有版本更新或升级请自行解决。1. bootcdn（第三方cdn插件下载网站）官方地址：bootcdn描述：市面上大部分的主流插件都可以在里面下载。但个别的一些js和css文件没有收录，需要另行查找。2. wordcloud （词云）github地址： wordcloud2 描述：可根据图片自定义生成想要的形状图示例（图片来源网络）：3. Androi.

如图类似。vue后台管理系统。本地运行一切正常，打包发布测试就崩了。但是同事的电脑打包部署，一切正常。所以怀疑是自己的本地的配置文件有问题。开始找bug吧。重装vscode，失败。删除dist，重新打包，失败。删除node_modules，重新安装依赖，失败。网上搜索的方法都不生效。最后！！！删除项目内的package-lock.json，删除node_modules，删除dist。重新安装依赖，重新打包，重新部署。成功！...

前言为了实现vue项目的服务端渲染，选择用nuxt重构项目。此记录为，从vue项目迁移到nuxt中遇到的各种坑和解决方案。1. DOM渲染报错出现问题原因：<el-form @submit.native.prevent> <el-input v-model="keyword" placeholder="请输入搜索关键词" @keyup.enter.native="searchData()"></el-input> </el-form>

问题使用$.ajax调请求，接口200，但没有走success回调函数，反而进入了error报错。原代码如下：$('button[type=submit]').click(function () { if (!flag) return; let params = { mobile: mobile, extra: { landing_page: location.href, }, }; $.ajax({

页面报错信息：本地运行没任何问题 打包上线后就报如下错，好叭开始检查。1.检查代码：是否存在错误语法2.检查引入文件：是否引入了不存在的模块依赖3.检查路由：是否生成了不存在的路由4.检查webpack打包配置：是否正确更新文件5.删除dist文件，重新打包6.删除node_moduls，重新初始化项目安装依赖以上方法，全试了一遍，仍然报错！！！好的下一步，自己尝试解决无果，求助同事。1.同事通过仓库pull了项目代码到本地运行，没有问题2.检查代码错误，没有问题3.打印路由，没

1.单选样式不能选中在template模板中绑定了listQuery.sys_dept_id<el-cascader v-model="listQuery.sys_dept_id" class="filter-item" :props="defaultParams" :options="flowMeta.sys_depts" clearable @change="handleFilter" placeholder="跟进客服部门">但因为后台需要传int格式，所以在methods中做了处

.left { display: block; border-right: 1px solid #000; border-bottom: 1px solid #000; width: 0.2rem; height: 0.2rem; transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-right: 0.2rem; opacity: 0.8; po

找了好久好久的方案，都没解决。最后，给每列加个类名，然后统一设置类名样式ps:多级表头的索引是按行来的，直接根据columnIndex设置，会错乱！！！！！ <el-table-column prop="customer_added" label="添加量" min-width="100" class-name="astyle"> <el-table-column prop="name" label="综合添加量" min

阿里云无痕验证链接

this.$nextTick(() =>{ this.$refs.tableData[0].clearSort(); // 直接使用this.$refs.tableData.clearSort(); 会报错，找不到方法， // 打印this.$refs.tableData，返回的是一个数组 })

websocket使用步骤及相关解析一、步骤及相关解析1.确定需要开启并连接websocket的条件 ，以下简称wsmounted() { //确定本地是否存入用户id （如果有，代表用户已登入系统） let userInfo = JSON.parse(localStorage.getItem("userInfo")); this.id = userInfo.id; if (this.id) { this.initSocket(); } }

解决给el-tooltip加css样式.el-tooltip{ outline: none !important;}

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档解决按esc键同时关闭了el-dialog弹窗和el-image的问题前言业务需求：出现的问题：一、解决el-image被编辑框遮挡的问题解决：总结前言业务需求：后台系统打开编辑框，又打开el-image预览框，要将el-image框显示在编辑框之上，按下esc键后，先关闭el-image框，再关闭编辑框出现的问题：1.el-image框被编辑框遮挡2.按下esc键后，编辑框和大图都被关闭了ps：没法截图演示bug -，-

配置vscode编辑器 保持属性不换行打开编辑器左下角-设置 setting.json文件配置以下代码打开编辑器左下角-设置 setting.json文件配置以下代码{ "vetur.format.defaultFormatter.html": "js-beautify-html", "emmet.includeLanguages": { "wxml": "html" }, "minapp-vscode.disableAutoConfig": true, "explor

Vant上传图片压缩代码如下:<van-uploader v-model="fileList" multiple :after-read="afterRead" max-count="1"> <button type="button"><span>+</span> 上传文件</button></van-uploader>afterRead(file) { if (!file.file) {