
Vue
Vue
一方湖泊
静下心来做一件事
展开
-
pnpm安装
【代码】pnpm安装。原创 2024-02-27 14:32:42 · 444 阅读 · 0 评论 -
Vue3项目(vben框架)打包时报错:JavaScript heap out of memory
我用的解决了问题,方法二中将内存设置为了16g,方法三中内存设置16g也就是。原创 2023-07-23 22:01:40 · 1818 阅读 · 0 评论 -
绕过Git代码检查提交代码(Git提交前代码检查报错:lint-staged failed due to a git error)
代码的警告和Error都已经改正了,依旧提交不了…原创 2022-09-16 13:50:03 · 3393 阅读 · 0 评论 -
导出功能无法请求到后端,无响应,debug不到
编码解码原创 2023-01-11 18:57:17 · 250 阅读 · 0 评论 -
WebStorm配置eslint检查自动格式化(自动解决eslint问题\Vue3项目解决ESLint问题)
参考原创 2022-03-12 16:44:26 · 7961 阅读 · 4 评论 -
使用NVM实现不同nodejs版本的自由切换
nvm安装及使用原创 2022-02-15 16:12:24 · 2021 阅读 · 0 评论 -
调整ElementUI的原生样式
<style scoped> /* 去除el-upload组件过渡效果 */ /deep/ .el-upload-list__item { transition: none !important; }</style>原创 2022-02-10 13:54:24 · 743 阅读 · 0 评论 -
js中计算付款金额(显示为 .000的样式)
背景:Vue项目。 selectionChange(list) { this.selectionList = list; // 计算本次付款金额 this.currPay = 0.0 this.selectionList.forEach(ele => { this.currPay += Number(ele.agentamount) * 1000; }); this.currPay = (this.curr原创 2022-01-26 16:10:58 · 1328 阅读 · 0 评论 -
avue的Excel导出列宽设置(修改源码)
找到这段代码,改改就行,可以搜索 165。思路:就是在遍历列的时候,给!cols加上多少列的wpx。还好作者预留了个 第一列的wpx为165// 设置列宽数组 wqlet colsArr = [];!function t(e) { e.forEach((function (e) { // 组装列宽数组 wq colsArr.push({ wpx: e.width || 130 }); e.children && e.children instance原创 2022-01-21 16:59:55 · 960 阅读 · 2 评论 -
项目中安装 less 和 less-loader 命令
npm命令如下:npm install less less-loader@6.0.0 --save-dev或者 yarn命令如下:yarn add less less-loader@6.0.0 --dev注意:不指定less-loader@6.0.0版本,会安装最高版本的less-loader,报TypeError: this.getOptions is not a function错误。如忘记指定,解决:// 卸载:npm uninstall less-loader// 指定版本安装:原创 2022-01-20 09:42:10 · 4342 阅读 · 0 评论 -
vue导入xlsx-style组件报错:Can‘t resolve ‘./cptable‘ in ‘xxx\node_modules_xlsx
解决:在vue.config.js添加 configureWebpack: { externals:{ './cptable': 'var cptable' }, }参考:https://blog.youkuaiyun.com/HDdgut/article/details/115356719https://blog.youkuaiyun.com/sunyv1/article/details/108601772原创 2022-01-13 11:23:35 · 1597 阅读 · 1 评论 -
vue弹出框关闭并销毁:清空dialog缓存
出错场景:列表页,打开第一行数据的弹出框数据显示正常,关闭第一个弹出框,打开第二行数据的弹出框数据显示错误:并显示第一个弹出框的数据,我怀疑是dialog的缓存导致。解决:加入v-if="diglogShow"就可以让页面在弹出框关闭的时候销毁弹出框,从而清理缓存。 <el-dialog title="关联分类" :destroy-on-close="false" append-to-body top="2vh" :close-on-press-esc原创 2022-01-03 17:54:20 · 12988 阅读 · 9 评论 -
el-input输入字母转化大写字母
<template slot-scope="{disabled,size}" slot="shortcodeSearch"> <el-input placeholder="助记符" :disabled="disabled" :clearable="true" :size="size" style="width:150px;" v-model.trim="shortCodeUpperCase"></el-input></template>data原创 2021-12-20 16:41:09 · 2480 阅读 · 0 评论 -
解决avue表格错位问题
场景:使用keepAlive缓存页面后,切换页面,列表页表格错位。解决:列表页加入以下代码即可解决。注意:activated为使用keepAlive缓存后的钩子函数。 activated () { setTimeout(() => { this.$nextTick(() => { console.log('2htis', this) this.$refs.crud.doLayout() })原创 2021-12-10 09:59:14 · 3961 阅读 · 3 评论 -
Vue路由:开启keepAlive后,解决同一路由打开多个tab页数据一样问题
绑定key,对象类型设置成多例即可。原创 2021-09-28 16:04:51 · 2539 阅读 · 0 评论 -
Ant Design Vue数据表格 序号
<a-table :columns="columns" :data-source="data" :pagination="pagination" :rowKey="(item) => item.id" @change="handleTableChange" :scroll="{x:1500}" bordered原创 2021-09-03 09:29:21 · 2195 阅读 · 0 评论 -
Vue项目:Node.js报错 Python not found exception due to node-sass and node-gyp
参考:https://stackoverflow.com/questions/45801457/node-js-python-not-found-exception-due-to-node-sass-and-node-gyp参考:https://blog.youkuaiyun.com/weixin_39530695/article/details/93899261解决:npm install node-sass@4.12.0原创 2021-08-30 13:29:20 · 243 阅读 · 0 评论 -
路由中添加登录后报错 vue-router.esm.js?8c4f:2257 TypeError: Cannot read property ‘$createElement‘ of undefined
异常:原因:下面的代码多了一个 s , 传输语法错误导致。解决:删带 s 即可。原创 2020-11-28 15:15:48 · 5149 阅读 · 0 评论 -
上传图片成功后回显图片真实路径报错 Not allowed to load local resource (不允许加载本地资源)
待原创 2020-07-08 18:37:33 · 2065 阅读 · 0 评论 -
Vue组件页面渲染 字段无法格式化
错误写法 value 该字段目前还是varchar类型正确写法 :value 是int类型, 即可以正常格式化<el-col :span="12"> <el-form-item label="服务状态" prop="serviceStatus" :formatter="serviceStatusFormat"> <el-select disabled v-model="e原创 2020-12-07 11:57:28 · 344 阅读 · 0 评论 -
ElementUI的 input 的属性 autofocus(自动获取焦点) 失效
Element UI的 input 的属性 autofocus (自动获取焦点)失效, 改用 v-focus 自定义指令后,问题解决 <el-col :span="24"> <el-form-item label="手机号"> <el-input v-focus v-model="ruleForm.phone"></el-input> </el-form-item> </el-col> directive原创 2020-12-08 11:53:40 · 2973 阅读 · 0 评论 -
ElmentUI数据表格 序号
// 数据表格 序号 <el-table-column label="序号" type="index" :index='indexMethod' fixed align="center" width="60"> </el-table-column> // 序号 indexMethod (index) { let currentPage = this.$refs.p...原创 2020-12-08 16:14:31 · 284 阅读 · 0 评论 -
解决vue使用el-dialog中组件只有第一次执行mounted方法的问题(编辑成功后, 数据列表不刷新最新数据,只能刷新页面才能正常使用)
问题描述打开编辑页面或模态框(Edit.vue), 编辑完成后, 数据修改成功, 跳转到列表页(Index.vue)后, 不刷新最新的数据, 只能刷新页面才能正常使用. 原因vue使用el-dialog中组件,第二次打开没有执行组件内mounted的初始化方法,只能刷新页面才能正常使用 解决方法editDialog是控制打开el-dialog弹窗的标志 data() { return { formFields: .原创 2020-12-08 16:39:06 · 3360 阅读 · 0 评论 -
vue 清除浏览器自动填充表单账号密码
普通文本框添加 autocomplete=“off”,密码输入框添加autocomplete=“new-password”<input type="text" autocomplete="off" name="username"/><input type="password" autocomplete="new-password" name="password"/>原创 2020-12-24 11:45:30 · 2148 阅读 · 0 评论 -
Element的Switch开关
<el-table-column prop="deleted" label="显示/隐藏" align="center" width="95" fixed="right"> <template slot-scope="data"> <el-switch v-model="data.row.deleted" @change="deletedChange(data.row)" :active-value="0" :inac原创 2020-12-26 11:46:48 · 405 阅读 · 0 评论 -
Vue项目关闭ESLint
原创 2021-08-20 16:31:27 · 125 阅读 · 0 评论 -
HBuilderX运行uniapp项目,并打包成apk
1.运行uniapp项目1.1.下载HBuilderX1.2.工具 > 插件安装,HBuilderX中安装插件安装文档15.svn/git(以及TortoiseGit)15.预编译器(less/sass) 参考其它看起来需要安装的都安装上(如uniapp相关插件)安装完成后重启HBuilderX。1.3.从gitee等远程仓库拉取uniapp项目或者直接从目录打开uniapp项目1.4.运行 > 运行到浏览器(或运行到内置浏览器),uniapp项目开始自动编译,稍等片刻,运原创 2021-06-17 00:46:14 · 4072 阅读 · 0 评论