bao

/ 添加this.currentTime判断： 如果未选择开始日期 或者 选择了结束时间时 this.currentTime 是 空的，// 禁用今天23:59:59 之后的时间；// 禁用一月之后 ｜｜ 当前时间今天之后的时间。// 当日期范围改变时，更新禁用日期和当前日期。禁用未来日期（2025-01-09之后日期）禁用上月2号（31日之前）之前的日期。// 检查是否超过当前日期一个月。// 禁用当前时间之后的时间。// 清空已禁用的未来日期。选择2024-12-02。// 禁用一月之前的时间。

popper-append-to-body 的使用 及全局样式 & 样式穿透问题。popper-class 尽量独一无二，防止影响其他页面样式。// max-height 不生效。

el-datepicker禁用未来时间（包含时分秒，动态更新）

打开其他正常的页面，从浏览器中复制编译好的代码 -> 粘贴 -> 删除刚才引入的 XXColorBlock 组件 & 组件注册代码（不管怎么样，我认为这样写肯定没问题啊，在其他地方都正常使用，在这里怎么可能就报错呢。**复制一份代码，什么都不改，去掉自己不想要的部分（通过配置可控制的部分） **经过对 watch、computed、组件嵌套 等内容排查，确实没发现问题…我就正常引入组件 -> 注册组件 -> 在页面使用组件（很正常的流程），你组件 name 怎么跟公共组件一样。发现上一行代码不对劲）

（不添加响应式大概是因为：原数据是从 vue 的data中过滤出来的，filter方法并不会生成一个新的数组。，并不会对这段数据添加响应式处理，所以修改数据时，修改的还是原数据。， 还是要学会自己找到问题原因，通过优化代码逻辑来解决问题。数据来源 / 浅拷贝 都会导致这个问题。否则数组中对象还是指向原数据。从现有数据中过滤出新的数据，并且添加。由于数据结构是 数组对象 格式，这里。以上代码中处理数据后 直接赋值到。解决 ，但频繁使用会影响性能。虽然很多此类情况都能使用。

Vue 全局引入 Scss 文件不生效

el-date-picker 修改完日期后 输入框日期没有变化，但是值已经改变了。

实现版本号自增：1.0.0 -> 1.0.1, 1.0.9 -> 1.1.0打包时利用 webpack plugin 的方式更新版本号并写入文件。

Echarts 暂无数据显示

vue打包/启动内存溢出

报错原因nginx 启动没有权限 ????项目需求本地启动多个前端vue 项目, 登录项目需要单点 (sso) 登录. 后台接口有鉴权管理.cookie 存储在 127.0.0.1:9090 地址, 如果三个项目启动在不同端口, 那么互相访问不到 cookie.解决需求本地开启 nginx 代理, 代理 9090 端口, 配置前后端代理转发.解决使用 sudo 命令启动 nginx , Mac 系统....

报错信息 部分npm ERR! code 1npm ERR! path /xxx/node_modules/fibersnpm ERR! command failednpm ERR! command sh -c node-gyp rebuildnpm ERR! gyp info it worked if it ends with oknpm ERR! gyp info using node-gyp@3.8.0npm ERR! gyp info using node@12.18.0 | darw

前在之前vue中使用自动注册 svg 图标 (文章在这里 Vue使用svt-sprite-loader自动引入svg图标) 的时候我发现了 require.context() 方法, 我觉得, 可以用这个方法来自动添加路由, 就开始了踩坑之路.目录文件结构我的路由文件都放在了 src/views/ 下.注意:我在项目中使用到了 typescript, 所以我的文件后缀为 .ts.文件名字自已随意定.有些代码可以写在一个文件, 我选择了拆分代码.require.context 方法.这

报错原因在vue + ts项目中使用 jquery 全局注册后 没有在 ts 声明文件中添加jquery声明报错内容:Cannot find name '$'. Do you need to install type definitions for jQuery? Try 'npm i @types/jquery'Cannot find name '$'. Did you mean the instance member 'this.$'?vue 使用 jquery 全局注册 + 声明安装j

问题原因图片路径是一个变量, 要使用 require 引入图片.正常在页面引入 图片是可以正常显示, 路径是被 loader 处理过的正常页面路径引入使用变量上面两种方法都是正常显示.如果根据数据来引入图片就会出现问题模拟 变量<这个变量是相对路径>引入我把这个变量放到 created 声明周期中演示一下这个时候页面就会报错报错原因: require 里面必须是一个路径, 现在变量是字符串格式.正确的引入方式图片变量不使用 路径, 而使用图片的名称requir

vue inspect 的使用vue-cli-server inspect`--mode ` 我也不太清楚 ???? (输出的是完整的配置`--rules` 查看所有已配置规则名称列表`--rule ` 查看指定规则`--plugin ` 查看插件配置`vue inspect --plugins` 查看所有已配置插件名称列表`-v` / `--verbose` 显示完整webpack配置`-h` / `--help` 显示帮助信息vue-cli-server inspect使用: inspect [op

我使用的vue + ts. 内容中包含ts 和 js 两个版本的代码.写完之后发现写的可能有些啰嗦 ????我的项目目录现在未配置之前使用 svg1. 安装 [svg-sprite-loader](#https://www.npmjs.com/package/svg-sprite-loader)2. 在 `vue.config.js` 中配置 `svg-sprite-loader`vue.config.js 配置配置之后再可以查看是否配置成功3. 配置自动引入svg, 配置完成之后只需要下载svg -&g

问题在 .ts 文件中引入三方模块报错.Could not find a declaration file for module 'lodash'. 'xxx/node_modules/lodash/lodash.js' implicitly has an 'any' type. Try 'npm i --save-dev @types/lodash' if it exists or add a new declaration (.d.ts) file containing declare module

问题在 vue 中使用 typescript. 在 mian.ts vue 原型绑定属性 Vue.prototype.$axios = axios, 在组件中使用的时候编辑器报错, 但是可以正常运行代码.解决办法方法1:指定 this 类型为 any, 但是使用 any 就失去了类型安全保障, 又得不到工具的支持, 写起来也不太雅观.方法2:在组件内申明 $axios: any, 这样每个组件内都需要这样写, 也是很麻烦或者方法3:在 src/shims.d.ts 文件中添加以下代

我要实现的效果是，当选中的节点状态改变的时候使用 getCheckedNodes() 来获取选中的节点遇到的问题：当我点击选择框选中状态改变的时候，如果有多级子节点，那就会触发多次（因为子节点的选中状态也被改变）解决办法：把 check-change 事件改为 check 事件，只有当点击修改状态的时候才会触发...

vue中全局使用sass变量安装依赖node-sass sass-loader@vue/cli 3 中使用在 vue.config.js 文件中添加以下配置（如果没有找到vue.config.js文件，就自己在项目根目录新建一个文件即可）。sass-loader v8.0 下版本使用以下配置。module.exports = { css: { loaderOptions: { sass: { // 引入全局scss文件 data: `@impo

node-sass安装失败解决:删掉node_modules package-lock.json设置获取源 npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sassnpm i 就可以了

原因: 使用了better-scroll. 会阻止浏览器原生click事件better-scroll 官方文档解决办法:实例化BS的时候添加click:true

我们在写vue 的时候需要引入许多的组件, 或者是css样式。 当我们的文件越来越多, 层级也越来越多的时候引入就比较麻烦, 要写很多的’…/…/’,比如这样:import Son from '../.././Son', 为了书写方便， 我们可以给vue路径设置别名，来节省代码的输入次数，提高开发效率1. 在项目跟路径新建 vue.config.js 文件在文件里面输入下面的代码:co...

父子通信 - propsprops 可以接收到父组件的数据, 只可读不可修改// 父组件<template> <div> 父组件 <hr> <!-- 子组件标签 , 父组件中在子组件标签上面绑定一个自定义属性, 属性值是父组件data中的数据 --> <Son1 :fatherda...

Animate - CSS 动画 基本使用在某一个元素 或者多个元素进入或者离开页面 ,添加动画使用方法:在该元素外部, 添加transition标签 ,如果是多个元素, 添加transition-group标签, 并且,每一个子元素都需要key值通过name属性添加名字在style中添加过渡样式进入 : 起始 name-enter, 目标 name-enter-to, 过渡...