![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
我看刑
只要布局写的好,没有样式难得倒...
展开
-
el-checkbox 状态不更新
(不添加响应式大概是因为:原数据是从 vue 的data中过滤出来的,filter方法并不会生成一个新的数组。,并不会对这段数据添加响应式处理,所以修改数据时,修改的还是原数据。, 还是要学会自己找到问题原因,通过优化代码逻辑来解决问题。数据来源 / 浅拷贝 都会导致这个问题。否则数组中对象还是指向原数据。从现有数据中过滤出新的数据,并且添加。由于数据结构是 数组对象 格式,这里。以上代码中处理数据后 直接赋值到。解决 ,但频繁使用会影响性能。虽然很多此类情况都能使用。原创 2024-08-13 16:28:32 · 279 阅读 · 0 评论 -
【已解决】Vue全局引入scss 个别页面不生效 / 不自动引入全局样式
Vue 全局引入 Scss 文件不生效原创 2023-10-13 16:33:46 · 1577 阅读 · 0 评论 -
【已解决】el-date-picker修改后输入框日期没有变化
el-date-picker 修改完日期后 输入框日期没有变化,但是值已经改变了。原创 2023-03-20 17:07:07 · 1542 阅读 · 0 评论 -
javascript实现版本号自增&打包vue写入版本号
实现版本号自增:1.0.0 -> 1.0.1, 1.0.9 -> 1.1.0打包时利用 webpack plugin 的方式更新版本号并写入文件。原创 2023-01-13 16:52:58 · 4414 阅读 · 5 评论 -
Echarts 暂无数据处理
Echarts 暂无数据显示原创 2022-07-21 14:18:00 · 1094 阅读 · 0 评论 -
vue项目打包内存溢出/JavaScript heap out of memory
vue打包/启动内存溢出原创 2022-07-15 10:30:21 · 4362 阅读 · 0 评论 -
「已解决」Mac | nginx; nginx代理本地开发环境vue项目报错: app.js net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)
报错原因nginx 启动没有权限 ????项目需求本地启动多个前端vue 项目, 登录项目需要单点 (sso) 登录. 后台接口有鉴权管理.cookie 存储在 127.0.0.1:9090 地址, 如果三个项目启动在不同端口, 那么互相访问不到 cookie.解决需求本地开启 nginx 代理, 代理 9090 端口, 配置前后端代理转发.解决使用 sudo 命令启动 nginx , Mac 系统....原创 2021-09-16 13:35:30 · 500 阅读 · 0 评论 -
mac: npm install 报错
报错信息 部分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原创 2021-06-21 17:11:58 · 1385 阅读 · 0 评论 -
【已解决】创建文件自动注册路由, 打包之后页面空白
前在之前vue中使用自动注册 svg 图标 (文章在这里 Vue使用svt-sprite-loader自动引入svg图标) 的时候我发现了 require.context() 方法, 我觉得, 可以用这个方法来自动添加路由, 就开始了踩坑之路.目录文件结构我的路由文件都放在了 src/views/ 下.注意:我在项目中使用到了 typescript, 所以我的文件后缀为 .ts.文件名字自已随意定.有些代码可以写在一个文件, 我选择了拆分代码.require.context 方法.这原创 2021-04-08 17:07:01 · 252 阅读 · 0 评论 -
Vue 中使用jquery: Cannot find name ‘$‘. Did you mean the instance member ‘this.$‘?
报错原因在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原创 2021-03-31 14:31:49 · 2411 阅读 · 2 评论 -
Vue 动态引入图片报错: Error in render: “Error: Cannot find module ‘./avatar.png‘“
问题原因图片路径是一个变量, 要使用 require 引入图片.正常在页面引入 图片是可以正常显示, 路径是被 loader 处理过的正常页面路径引入使用变量上面两种方法都是正常显示.如果根据数据来引入图片就会出现问题模拟 变量<这个变量是相对路径>引入我把这个变量放到 created 声明周期中演示一下这个时候页面就会报错报错原因: require 里面必须是一个路径, 现在变量是字符串格式.正确的引入方式图片变量不使用 路径, 而使用图片的名称requir原创 2021-03-30 10:54:49 · 12921 阅读 · 19 评论 -
Vue inspect 简单使用,查看当前项目webpack配置
vue inspect 的使用vue-cli-server inspect`--mode ` 我也不太清楚 ???? (输出的是完整的配置`--rules` 查看所有已配置规则名称列表`--rule ` 查看指定规则`--plugin ` 查看插件配置`vue inspect --plugins` 查看所有已配置插件名称列表`-v` / `--verbose` 显示完整webpack配置`-h` / `--help` 显示帮助信息vue-cli-server inspect使用: inspect [op原创 2021-03-19 14:16:59 · 6258 阅读 · 0 评论 -
Vue使用svg-sprite-loader自动引入svg图标 [自己遇到的问题解决]
我使用的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原创 2021-03-19 13:55:53 · 1768 阅读 · 3 评论 -
【已解决】Could not find a declaration file for module ‘xxx‘. vue + ts
问题在 .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原创 2021-03-02 14:28:39 · 31839 阅读 · 1 评论 -
【已解决】TS. Property ‘$axios‘ does not exist on type ‘xxx‘;
问题在 vue 中使用 typescript. 在 mian.ts vue 原型绑定属性 Vue.prototype.$axios = axios, 在组件中使用的时候编辑器报错, 但是可以正常运行代码.解决办法方法1:指定 this 类型为 any, 但是使用 any 就失去了类型安全保障, 又得不到工具的支持, 写起来也不太雅观.方法2:在组件内申明 $axios: any, 这样每个组件内都需要这样写, 也是很麻烦或者方法3:在 src/shims.d.ts 文件中添加以下代原创 2021-03-01 15:08:26 · 5353 阅读 · 13 评论 -
element el-tree组件使用@check-change事件多次触发[已解决]
我要实现的效果是,当选中的节点状态改变的时候使用 getCheckedNodes() 来获取选中的节点遇到的问题:当我点击选择框选中状态改变的时候,如果有多级子节点,那就会触发多次(因为子节点的选中状态也被改变)解决办法:把 check-change 事件改为 check 事件,只有当点击修改状态的时候才会触发...原创 2020-09-03 22:08:44 · 16776 阅读 · 5 评论 -
Vue 中全局使用sass变量
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原创 2020-07-23 09:45:18 · 1219 阅读 · 0 评论 -
解决node-sass安装失败
node-sass安装失败解决:删掉node_modules package-lock.json设置获取源 npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sassnpm i 就可以了原创 2020-05-22 21:48:11 · 345 阅读 · 0 评论 -
vue 给元素添加click事件无效
原因: 使用了better-scroll. 会阻止浏览器原生click事件better-scroll 官方文档解决办法:实例化BS的时候添加click:true原创 2020-02-29 16:15:22 · 5372 阅读 · 0 评论 -
Vue 设置别名
我们在写vue 的时候需要引入许多的组件, 或者是css样式。 当我们的文件越来越多, 层级也越来越多的时候引入就比较麻烦, 要写很多的’…/…/’,比如这样:import Son from '../.././Son', 为了书写方便, 我们可以给vue路径设置别名,来节省代码的输入次数,提高开发效率1. 在项目跟路径新建 vue.config.js 文件在文件里面输入下面的代码:co...原创 2020-03-06 21:59:44 · 2732 阅读 · 0 评论 -
vue组件之间的通信 props, $emit
父子通信 - propsprops 可以接收到父组件的数据, 只可读不可修改// 父组件<template> <div> 父组件 <hr> <!-- 子组件标签 , 父组件中在子组件标签上面绑定一个自定义属性, 属性值是父组件data中的数据 --> <Son1 :fatherda...原创 2020-03-05 22:24:18 · 145 阅读 · 0 评论 -
vue - 过渡动画 & Animate 的基本使用
Animate - CSS 动画 基本使用在某一个元素 或者多个元素进入或者离开页面 ,添加动画使用方法:在该元素外部, 添加transition标签 ,如果是多个元素, 添加transition-group标签, 并且,每一个子元素都需要key值通过name属性添加名字在style中添加过渡样式进入 : 起始 name-enter, 目标 name-enter-to, 过渡...原创 2020-03-03 22:00:29 · 962 阅读 · 0 评论