- 博客(106)
- 收藏
- 关注
原创 动态添加二级表头 You may have an infinite update loop in a component rende 9 function.
表格更新死循环
2023-11-22 09:35:46
199
原创 vue select联动 设置filterable坑
问题:由于模板标题加了【filterable】属性。当服务类目改变时,模板标题要么显示无匹配数据,要么是上次选择的值。参考链接:https://blog.csdn.net/OldStreet61/article/details/88742445。placeholder=“请选择模板标题” @on-change=“templateTitleChange”由于模板标题List数据条数较多,因此需要设置可搜索选择。服务类目改变 获取模板标题List。解决思路:将上次选择的值重置,清空。
2023-09-20 10:31:50
707
原创 select 滚动分页查询
问题:微信提供的查询模板标题的接口是强制要求分页查询的,前端可以实现下拉框的滚动分页查询吗?知识点:vue的自定义指令。
2023-08-29 10:13:36
261
原创 watch 和 methods 执行顺序
2)触发methods的执行顺序: methods -》 watch -》computed。参考链接:https://www.jianshu.com/p/f412bff6da82。所以只有一种可能就是,methods中方法的执行顺序 早于 watch。解决办法:就是在平台选择改变时,给接口入参赋值,添加了【代码1】这一行。问题:在平台选择改变的时候获取服务类目,但服务类目中接口入参一直为空。思路:感觉明明在watch已经给platform 赋值过却依然我没值。1)watch在页面初始化的时候不会执行。
2023-08-24 11:08:54
152
原创 You may have an infinite update loop in watcher with expression “columns“
场景:iview 动态加载二级表头问题:中文含义:您可能在具有表达式“columns”的观察程序中有一个无限更新循环解决方法:方法1: 修改iview.js源码,亲测有效。(不建议)参考链接:https://blog.csdn.net/Qi_Si_Miao_Xiang/article/details/108826950方法2: 修改table组件代码。参考链接:https://blog.csdn.net/fanhailing/article/details/108465412。
2023-08-15 10:10:30
1091
原创 树结构数据没有更新 重新加载
问题: 点击编辑按钮到编辑页面选择机构名称,然后返回列表页,点击新增按钮 树结构数据没有重新加载,显示的是上一次勾选项。解决办法:在编辑页面关闭前请求接口重新获取树结构数据。用到的知识点是:父组件调用子组件方法。
2023-08-04 10:30:45
181
原创 iview 日期 datetimerange
参考链接:https://blog.csdn.net/Gas_station/article/details/84632154。问题:每次点击编辑按钮进入到编辑页面,活动时间明明有值,却还是提示请选择活动时间。解决办法:v-model 修改为 :value。百度搜索关键字:iview 日期 prop。
2023-08-04 09:27:31
363
原创 eventBus使用遇到的坑
*问题:**通过eventBus传递的参数,在子组件的methods中无法通过this.使用。**思路:**考虑组件方法的执行顺序(vue生命周期执行顺序)**解决办法:**在传递参数的组件外 this.$nextTick。
2023-07-27 17:49:10
1178
原创 SourceTrees 提交代码流程
1.VXCS-6516 (当前自己创建的分支)暂存 add提交 commit添加描述 -> 点击提交 push2.切换到VXCS-dev (远程分支)首先需要获取到最新代码,操作 获取 -> 拉取其次主动合并VXCS-6516分支修改 操作如下:(将当前变更衍合到…)最后将合并的代码再推送到VXCS-dev远程仓库,推送3.切换到VXSV-6516分支获取远程dev分支最新代码 获取(git fetch) 拉取(git pull)4.在谷歌浏览器打开代码库,之后傻瓜式操
2022-04-25 17:47:12
1831
原创 冲突代码回退不了
代码使用SourceTree软件提交,检测到project.config.json文件修改。不想提交该修改。1.使用SourceTree软件丢弃,丢弃不了2.使用vscode开发工具撤回,撤回不了3.使用git指令,restore不了4.粘贴线上代码替换本地,一保存就会自动变回之前的,需要提交的。最后经过大佬帮助,排查出来是vscode编辑器的问题。我电脑安装了两个vscode编辑器。已经删除一个。...
2022-04-24 18:07:09
371
原创 小程序启动报错
导入远程分支代码报错:安装完依赖之后依然报错如下:解决办法:window + r 弹出一个黑框查看node是否安装:node -vnpm -v安装依赖npm install小程序开发工具: 工具->构建npm
2022-04-24 14:54:59
3731
原创 css 实现三列布局
float布局: float + marginposition布局: position + left + righttable布局: table+ table-cellflex布局: flexgrid布局: 略<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
2022-03-18 17:48:58
850
1
原创 【无标题】面试总结
1、说说你对 SPA 单页面的理解,它的优缺点分别是什么?SPA(single-page application)仅在web页面初始化时加载相应的HTML,JavaScript和CSS.一旦页面加载完成,SPA不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现HTML内容的变化,UI与用户的交互,避免页面的重新加载.优点:用户体验好,快.内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复渲染基于上面一点,SPA相对服务器的压力小.前后端职责分离,架构清晰,前端进行交
2022-03-02 16:25:02
84
原创 el-dialog 添加滚动条
<!-- 弹出框 --> <el-dialog :title="title" :visible.sync="dialogVisible" width="50%" center :close-on-click-modal=false> <div style="height:500px;" class="scrollbar"> //控制显示区域的高度 <el-scrollbar style="height:100%"> /...
2022-03-02 15:57:26
8029
原创 Vue 下载PDF文件:前端如何将后台返回的二进制转换成对应的文件
download(val) { carFindWord(val.id).then((res) => { let blob = new Blob([response.data], {type: 'application/pdf'}) let fileName = Date.parse(new Date()) + '.pdf' if (window.navigator.msSaveOrO
2022-03-02 15:39:27
707
原创 【无标题】vue换肤
参考链接:https://blog.csdn.net/qq_40969782/article/details/111642208
2022-02-28 11:13:32
284
原创 多选下拉菜单后端用string类型接收解决办法:lodash 深拷贝
新建一条表单记录,里面存在多选下拉菜单,点击保存需要将多选下拉菜单转变成string类型.回到列表页,点击查看,回显时,为了保证能够正确回显需要将后端返回string类型的两个字段转变成数组类型再次点击保存,提交的就是数组类型和后端不对应就会报错.解决办法再次点击保存时,深拷贝一份表单对象值,判断下拉菜单值是否为数组,是就转变成string,将拷贝的对象作为保存接口的入参.let val2 = _.cloneDeep(val)if(Array.isArray(val2.dispatchVehic
2022-02-24 09:27:01
843
原创 符号 ?. 是什么
在修改问题的时候,看到别人的代码是这样的,如图:不太懂?.是干嘛的,于是去查关键字(js ?.),发现这是ES2020(ES11)新增的.可选链操作符( ?. )可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 .链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值ES11 新增的还有 空值合并操作符(??),BigInt ,Pr
2022-02-16 11:53:46
823
原创 vue全局组件的引入
创建组件在src文件夹下,创建存放组件的文件夹(globalComponents) -> 创建组件及index.js文件导出组件在index.js内导出组件(可以同时注册多个组件),代码如下:// 首页顶部导航import navHeader from './navHeader';// 页面底部import myFooter from './myFooter'export default { install(Vue) { Vue.component('dataCen.
2022-02-10 10:29:28
784
原创 vue 优化之图片压缩遇到的坑
vue2.x版本 和 vue4.x版本 关于图片压缩的配置是不同的vue2.x版本的配置文件(vue.config.js:没有自行创建),如下module.exports = { chainWebpack: config => { config.module .rule('min-image') .test(/\.(png|jpe?g|gif)(\?.*)?$/) .use('image-webpack
2022-01-25 14:46:46
1238
1
原创 npm run build打包报错
百度搜索npm run build打包时报错pngquant-bin@6.0.1@pngquant-bin得到的解释:因为包pngquant-bin报错了,而该包是由image-webpack-loader的依赖得来的,所以根本原因是在image-webpack-loader.解决办法:1.在window中的hosts文件夹中,添加以下代码:151.101.108.133 raw.githubusercontent.com2.卸载重装image-webpack-loadern.
2022-01-24 16:51:10
1308
原创 vue echarts 点击左侧菜单,宽度无法自适应,且支持 窗口大小改变echarts图自适应
ecahrts 自适应1.引入 element-resize-detector依赖npm i element-resize-detector --save2.新建chart.resize.js文件(新建utils文件夹,在该文件夹下创建js文件)import echarts from "echarts";import Vue from "vue";import elementResizeDetectorMaker from "element-resize-detector";export
2022-01-12 13:56:07
424
原创 elementui 表格 show-overflow-tooltip
问题一:element表格设置了show-overflow-tooltip,但不出现省略号?解决办法:是因为里面不能写成div,把div换成span就可以了参考连接:https://blog.csdn.net/TianQiWanLaiQiu/article/details/118176639问题二:对提示框的样式进行设置需注意事项<style lang="css"> .el-tooltip__popper{font-size: 14px; max-width:50% .
2022-01-09 12:10:12
523
原创 vue使用bus进行组件通信
1.创建utils文件夹,在该文件夹下创建js 文件(例如:eventBus.js) ,文件内容如下:import Vue from 'vue'export default new Vue()2.兄弟组件都需要引入该文件import bus from "@/untils/eventBus";```传值的一方:bus.$emit(“process”, “hello”);接收值的一方bus.$on(‘process’, (e) => {console.log(e)})``
2022-01-04 17:31:27
195
原创 超出部分用省略号代替,鼠标放上去显示多余部分内容
/* 单行省略 */.single-line-ellipsis{ white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden;}页面<el-col :span="3"> <div :title="ruleform.ruleNo" class="single-line-ellipsis"> {{ rulef
2022-01-04 17:21:00
255
原创 elementui layout 占位
使用element-ui,el-row中的el-col数据为空页面布局变乱.el-col{ min-height:1px;}参考链接:https://blog.csdn.net/sinat_38818445/article/details/108127231
2022-01-04 17:17:16
404
原创 vue filter过滤器
1.新建文件夹2.在全局main.js中引入此文件,方便在所有文件中使用import * as filters from "@/filters"Object.keys(filters).forEach(key => { Vue.filter(key, filters[key])})3.在文件中引用参考链接:https://www.cnblogs.com/tc-jieke/p/10211516.html...
2022-01-04 17:16:01
250
原创 2021-10-20 前端:table设置td宽度无效
1.设置整体的style<style type="text/css"> table { table-layout:fixed; } table td { min-width: 100px; overflow: hidden; text-overflow: ellipsis; } .p10 { width: 10%; }</style>
2021-10-20 13:46:29
252
原创 2021-09-22 vue tab切换,解决echartst图表宽度只有100px的问题
<div v-show="type === 'chart'"> <div id="echartsBar" style="width: 100%; height: 350px"></div></div>**在tab切换的时候,调用echarts渲染的方法** viewMode(val) { this.type = val; if(val == "chart"){ this.$nextTick(() => {
2021-09-22 14:46:00
615
原创 jquery + ajax实现pdf下载
// 下载 function downloadFile(attachmentUuid,attName){ console.log(attName) $.ajax({ type: "GET", async: false, url: gatewayUrl + "/report/myProject/downloadFile?uuid="+attachmentUuid, mimeT
2021-09-15 14:09:30
1277
原创 2021-09-03 vue+elementui导出表格数据为excel文件
async exportData(){ if (this.multipleSelection && this.multipleSelection.length == 0) { this.$message("未勾选要导出的数据");
2021-09-03 11:30:23
61
原创 2021-07-16 vue坑之el-table不显示
转载:https://blog.csdn.net/czh0130/article/details/92806727查看控制台,发现el-table的body为空但是同样的代码换个电脑来跑就没有任何的问题最后是把整个依赖删除 重新install之后才解决
2021-07-16 17:50:18
424
原创 echarts 自适应
前提是:页面高度要以 vh 为单位。window.addEventListener("resize", function() { myChart.resize(); });
2021-05-20 16:06:42
132
原创 vue-shop电商管理后台
第一天 - 项目创建在gitee上创建仓库安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org全局安装vue-clicnpm install --global vue-cli创建一个基于 webpack 模板的新项目vue init webpack vue-shop根据package.json文件,启动项目npm run devvue项目如何引入element-ui ??
2021-04-20 14:38:54
313
1
原创 Avoid mutating a prop directly since the value will be overwritten whenever
大概意思是:通过props传递给子组件的eventChildForm不能在子组件内部修改props中的eventChildForm值解决办法:我可以通过this.$emit(“调用父组件的方法”),在父组件相应的方法中进行代码的编写.参考链接:https://blog.csdn.net/github_35549695/article/details/82770044...
2021-03-09 14:10:41
408
原创 Echarts显示柱状图坐标轴的值
设置配置项 tooltip方法一: tooltip: { trigger: "axis", axisPointer: { // 坐标指示器 type: "shadow", }, },注意:坐标指示器的type值修改为 line ,与显示的就是竖线指示了.方法二: tooltip: { trigger: "axis", formatter: function (
2021-02-23 11:22:24
478
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人