项目开发
项目开发中遇到的BUG
CH_whale
这个作者很懒,什么都没留下…
展开
-
nvm切换node版本报错
使用 nvm use (node版本号) 命令时报错。原创 2022-10-11 16:04:48 · 1336 阅读 · 0 评论 -
nvm管理node版本常用命令
1. 使用nvm安装node版本的命令行:安装最新版本的命令行:安装指定版本的命令行:2. 查看所有版本的命令行:nvm ls3. 切换node版本的命令行:使用最新版本的命令行:使用指定版本的命令行:原创 2022-10-11 15:46:46 · 902 阅读 · 0 评论 -
webpack打包实例详解
参考博客:webpack的功能介绍以及如何使用webpack_银鞍照白马的博客-CSDN博客_webpack怎么用webpack官方文档:概念 | webpack 中文网 (webpackjs.com)1. 新建一个webpack-demo文件文件目录如下:各文件内容如下:index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> .原创 2022-03-13 14:01:17 · 3732 阅读 · 0 评论 -
Vite配置Network
1. 问题描述Vite项目启动后提示“Network: use `--host` to expose“,且无法通过网络IP访问服务。2. 问题原因当局域网中另一台设备需要访问该服务时,必须通过本机IP + 端口访问。尝试访问后,发现找不到这个服务,原因是没有将服务暴露在网络中。...原创 2022-03-08 14:47:20 · 3555 阅读 · 1 评论 -
Web前端开发实训 -- 弹球王小游戏
1. 作品展示2. 代码(全)链接:https://pan.baidu.com/s/1Mxdz8rR18uM_7yuY-eTwbQ提取码:6666以下是项目目录及部分代码。① 项目目录② HTML<!-- page\PinballKing.html --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <..原创 2022-01-05 09:38:16 · 3282 阅读 · 0 评论 -
VUE使用npm run dev 报错Cannot GET /
1. 报错如下2. 解决方法有两个环境配置:一个是build,一个是dev。config/index.js里面修改,build:{assetsPublicPath:'./'}dev里面不需要修改,dev:{assetsPublickPath:'/'}报错原因不明。原创 2022-01-05 08:53:57 · 862 阅读 · 0 评论 -
el-table的cell-click点击单元格事件
<el-table width="100%" border :data="Datalist" @cell-click="cellClick" >methods: { cellClick(row, column, cell, event) { console.log(row, column, cell, event) },}控制台输出:原创 2021-11-23 00:46:33 · 11739 阅读 · 1 评论 -
VUE组件守卫---beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave
1、beforeRouteEnter(不!能!获取组件实例 this !!!)2、beforeRouteUpdate3、beforeRouteLeave4、完整的导航解析流程导航被触发。在失活的组件里调用 beforeRouteLeave 守卫。调用全局的 beforeEach 守卫。在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。在路由配置里调用 beforeEnter。解析异步路由组件。在被激活的组件里调用 beforeRouteEnter。原创 2021-11-21 16:13:45 · 2928 阅读 · 0 评论 -
关于element中checkbox组件三种状态实现的详解
首先checkbox有三种状态全选(显示'√'),选中部分(显示的-'),全不选(啥都没显示)对于indeterminate和v-model绑定的值(均为boolean类型)如果true true 或者 true false样式为-如果false true样式为√如果false false样式为不勾<template> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @cha原创 2021-11-12 19:53:23 · 2929 阅读 · 0 评论 -
关于多选题的传值问题(使用element的多选框组件)
1. 问题描述OJ中设计多选题组件时,后端请求数据如下:需求描述:(1)需将多个题目ID(qtopicsetId)和用户答案(userAnswer)封装在一个数组中;(2)用户答案包括多个,也需用一个数组存储;(3)用户答案需根据用户所选进行动态更改;2. 解决方式使用element中的Checkbox多选框组件(1)v-model绑定一个数组,用于存放用户所选的答案:(2)change事件中可以打印查看绑定的值...原创 2021-10-02 21:00:05 · 758 阅读 · 0 评论 -
关于多种题型中的题目锚点问题
1. 问题描述组件描述图① 题目锚点导航栏(ojTopicNav)与题目列表(ojTopicSetTopicList)被同一父组件引用,但数据不同步题目锚点导航栏(ojTopicNav)与题目列表(ojTopicSetTopicList)②最后应达到点击题目锚点导航栏的题号,即可锚定相应题目的效果最终实现效果图2. 解决方式(1)数据不同步问题 --> 同为子组件之间的通信由于 data(题目数据)通过接口从ojTopicSetTo...原创 2021-10-06 11:57:41 · 344 阅读 · 1 评论 -
关于VUE项目目录
1. build: 构建脚本目录1) build.js ==> 生产环境构建脚本2) check-version.js ==> 检查npm, node.js版本3) utils.js ==> 构建相关工具方法4) vue-loader.conf.js ==> 配置了css加载器以及编译css之后自动添加前缀5) webpack.base.conf.js ==> webpack配置环境6) webpack.dev.conf.js ==> webpack开发环境配原创 2021-07-12 08:42:52 · 197 阅读 · 0 评论