面向对象编程

摘要： ## 方法 ~~~nginx location /api/ { set $request_uri_new $request_uri; if ($request_uri ~ "^/api/(.*)$") { set $request_uri_new /$1; } proxy_pass http://1 阅读全文

摘要： ## 原因 ### 原因一： 如果使用了 v-for 指令来渲染一组组件，那么每个组件都会被分配一个唯一的 key 值。当数据源发生变化时，Vue 会尝试重用已有组件，而不是重新创建。 当 dataList 元素减少时，如果你没有给组件分配 key 值，Vue 就不知道哪些组件是新的，哪些组件是旧的 阅读全文

摘要： 正则表达式进行替换、分隔 错误： str.split/replace('\s+?', '@') 正确： str.split/replace(\s+?, '@') 多了双引号就不是正则了 变量按理会更新，死活不更新 用nextTick()函数就对了，如this.$nextTick(() => {你原来 阅读全文

摘要： 原因 Vue出于减少资源消耗的目标，对网页进行了缓存 解决办法 watch:{ $route(to, from){ // 你的获取数据函数 this.yourGetDataFunnc() } } 通过对$route的监测，当路由发生变化时，每次都获取最新数据，而不管有没有缓存 阅读全文

摘要： el-statistic的suspend方法使用示例 ... 阅读全文

摘要： 解决办法 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } 阅读全文

摘要： 原因 row-class-name和stripe（斑马纹）或<style scope></style>相冲突 解决办法 el-table-item的stripe属性删除 去掉<style scoped></style>的scoped，即<style></style> 阅读全文

摘要： 原因 各库版本不协调，报错：redis.exceptions.ResponseError: unknown command 'BZPOPMIN' 解决方案 django websocket（channels、channels-redis）亲测可用版本搭配 django==4.0.5 channels 阅读全文

摘要： 解决办法 正则替换 <el-input ... @input="val => v-model的值 = val.replace(/[^a-zA-Z0-9]/g, '')" ... ></el-input> 解释：通过el-input组件的input事件检测输入框内容，在输入框获得内容的时候，将值传入@ 阅读全文

摘要： 效果 解决办法 <el-upload ... :list-type="picList" ... > </el-upload> ... this.picList.unshift({url: 你的图片路径}) ... 阅读全文