前端 仓库nexus vue

git删除本地修改并向远端仓库拉取最新代码 一般流程 git reset --hard #删除本地更改 git pull #拉取最新代码 1. git pull 要将远程仓库中的最新代码拉取到本地仓库，你可以使用git pull命令。 git pull实际上是git fetch和git merge两 ......

<a-tabs :activeKey="activeKey" @change="handleTabChange"> <a-tab-pane v-for="(item, index) in menuList" :key="item.id" :tab="item.name" :index="index" ......

前言 如果你在 FastAPI 中使用 Jinja2 模板引擎，默认使用了 {% ... %} 和 {{ ... }} 这样的标记语法。 如果你需要在模板中使用 Vue.js 或其他类似的前端框架，可以通过修改 Jinja2 的标记语法避免冲突。 Jinja2 支持自定义标记语法，你可以在 Fast ......

一、安装vue3脚手架 卸载vue2脚手架 npm uninstall -g vue-cli 清除缓存 npm cache clen --force 安装最新脚手架 npm install -g @vue/cli 查看脚手架版本 vue -V 二、构建项目 创建项目 vue create 项目名 选 ......

在 Vue2 中，父组件向子组件传递参数时，如果参数是对象或数组（即非基本数据类型），那么子组件可以直接修改这个参数，这会影响到父组件的数据。如果你想避免这种情况，你可以让子组件对父组件的传参进行深度拷贝。这样，子组件就可以自由修改拷贝后的参数，而不会影响到父组件的数据。 这是一个例子，假设父组件向 ......

一、安装vue3脚手架 卸载vue2脚手架 npm uninstall -g vue-cli 清除缓存 npm cache clen --force 安装最新脚手架 npm install -g @vue/cli 查看脚手架版本 vue -V 二、构建项目 创建项目 vue create 项目名 选 ......

一、vue 官网：https://cn.vuejs.org/index.html 1.1Vue的简单概述 1.1.1、介绍: Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目 ......

规划页面结构：根据需求设计网站或应用程序的整体结构，确定页面之间的关联。 界面设计：使用设计工具（如Sketch、Photoshop等），设计页面的布局、颜色、字体等。 切图和素材准备：根据设计图将界面元素切割成图片，并准备好所需的图标、图片等素材。 编写HTML结构：使用HTML标记语言创建页面的 ......

异步组件内插槽无法获取组件实例 app.component( cName, defineAsyncComponent(async () => { this.registryNumber++; await setComponentOptions(component); return new Promi ......

需求：默认升序，悬浮按钮变色，点击按钮下标跟随变化。 html <div class="right" @click="change(item,index)" v-for="(item, index) in btnList" :key="index">{{item.lable}} <div class ......

拉了同事的新代码，项目直接跑不起来了，不惯着，直接回退他提交之前。 （ps：这人还一点不懂事，提交代码不合并远程库主分支，直接 push 覆盖别人代码，twice） 1、git log 检查提交之前记录，找到要跳的 id： 2、然后本地回退到指定 id 版本 3、将本地回退的代码更新到主库上，强更！ ......

1、下载插件 npm install echarts --save npm install echarts-liquidfill --save 2、在main.js中引入 import * as echarts from 'echarts'; import 'echarts-liquidfill' ......

前言 在工作中遇到了这个问题，多次排查，耗费了不少时间才解决这个问题。问题的解决很简单，但发现根本原因还是有点困难，因此在此做个记录，以防忘记。 问题发现步骤 例如有以下 Ant Design Vue 表单 <a-form-model ref="formRef" :model="model"> <a ......

1. 接口需要设置 headers: { 'Content-Type': 'multipart/form-data' }, from-data流的形式传参 2. js html: // 文件上传<div class="file"> <el-button type="primary" style="w ......

需求场景：el-table构造一个树形列表，支持新增节点，删除，修改等操作。 实现效果 思路 一般的el-table 增删改，我们都很熟悉；关键在于实现一个纯前端的树形列表，最终再调接口存列表数据。 树形el-table，需要设置 row-key，一般为 id，所以每新增一条数据，都必须有id。需要 ......

一个好的命名规范， 应该是简单的，方便记忆的；如非必要，不要新增新的命名规则；相似的类型，命名规则应该是一样，比如文件夹和文件名；差异很大的类型则需要有所区分，比如变量和常量的命名，因为常量是不能被修改的，内部变量和外部变量亦如此，人们可以借此很明显的区分是否可以函数区块外面使用；（通常来说 ， 常 ......

原因在于在JS中采用的IEEE 754的双精度标准，计算机内部存储数据的编码的时候，0.1在计算机内部根本就不是精确的0.1，而是一个有舍入误差的0.1。当代码被编译或解释后，0.1已经被四舍五入成一个与之很接近的计算机内部数字，以至于计算还没开始，一个很小的舍入错误就已经产生了。这也就是 0.1 ......

vue路由切换时内容组件的滚动条回到顶部：https://blog.csdn.net/Macao7_W/article/details/125517519?ops_request_misc=%257B%2522request%255Fid%2522%253A%25221702523730168001 ......

git submodule 父子仓库新建命令把父仓库clone下来git clone xxxxxx.git //仓库地址进入父仓库里面， 添加 //git submodule add <仓库地址> <本地路径> git submodule add xxxxxx/mc-app.git mc-app在这 ......

一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......

在vue2中，每当我添加路由选项的时候，vscode并不会报错，运行后连原本的东西都不见了 也尝试了一下网上搜索的方案，如加上history等等 经过一番摸索发现是导入router的语句导入到了最新版本的router，最新版本的router是匹配的vue3，导致页面一片空白 解决方法就将原来的rou ......

一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......

vue项目 npm install 安装依赖 特别慢 解决办法使用NPM（Node.js包管理工具）安装依赖时速度特别慢，为了安装Express，执行命令后两个多小时都没安装成功，最后只能取消安装，笔者20M带宽，应该不是我网络的原因，后来在网上找了好久才找到一种最佳解决办法， 在安装时可以手动指定 ......

// 数组中的map 和reduce方法 // map() :接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组中返回 let arr = [1, 2, 3]; // 写法1 箭头函数 arr = arr.map((item) => { return item * 2 }); consol ......

电子公文系统前端设计的学习总结 1.需求分析与理解： 在设计电子公文系统前端时，首先需要深入理解用户和系统的需求。这可能包括与客户、最终用户以及其他利益相关者的密切合作。通过详细的需求分析，可以确保前端设计满足实际需求，并提供用户友好的界面。 2.技术选型与学习： 在前端设计阶段，选择适当的技术栈非 ......

使用场景：加工属性，对属性做一些类似格式化的操作但不会改变该属性；看起来跟computed类似，后面总结两者区别 使用地方：可以放在{{}}插值中使用，也可以在v-bind表达式中使用(vue2.1.0+支持) 注意事项：过滤器中this不能获取vue实例 全局过滤器： //main.js Vue. ......

Vue中 v-model 和 :model 的区别 1、v-model 通常用于表单上双向数据的绑定，如果除了表单其他组件使用时，起不到任何效果。 它还可以实现子组件到父组件的双向数据动态绑定。 input上的v-model: <input v-model="price"><!-- 下行注释的语法糖 ......

一、说明： 1、Vue CLI 4.5以下，对应的是Vue2；Vue CLI 4.5及以上，对应的是Vue3，当然，创建项目的时候可以选择Vue2 2、Vue2最老的版本是含index.html的，通过“yarn global add vue-cli”安装，得到的最新版本号是2.9.6 3、只有Vu ......

interface Type { "a": HTMLAnchorElement; "abbr": HTMLElement; "address": HTMLElement; "applet": HTMLAppletElement; "area": HTMLAreaElement; "article": ......

//编写vue.config.js配置具体代理规则：module.exports = { devServer: { proxy: { '/api': { //配置所有以'/api'开头的请求路径 target: 'http://luckybox.server.godtechnology.com/', ......