node_cache err npm element
devops - 在企业内使用verdaccio 搭建npm私有源
verdaccio 是一个基于nodejs的轻量化的私有源 在远程服务器的操作 1. 安装和配置verdaccio 全局安装verdaccio npm install -g verdaccio 配置文件路径 ~/.config/verdaccio/config.yaml 配置远程访问 listen: ......
element tree 优化线条树，添加增删改功能
需求：树状结构，支持操作功能（同级、子级、修改、删除）。 根据需求是否展示复选框和操作功能。 封装linetree.vue组件： 1 <template> 2 <div> 3 <el-tree :data="list" :props=defaultProps :expand-on-click-nod ......
element table第二页序号不从1开始
<el-table-column type="index" width="80" label='序号' align="center"> <template slot-scope="scope"> {{scope.$index + (formInline.pageno - 1) * formInlin ......
element-ui 表格分页勾选数据
新增 使用:row-key 编辑 主要是回显数据，如果使用 :row-key,会造成取消了，但是翻页后，无法取消的问题。 给表格使用 select 和 select-all 事件去选择 然后把选择的数据给请求，使用this.$refs.multipleTable.toggleRowSelection ......
element-plus中的文件上传
官网：https://element-plus.org/zh-CN/component/upload.html 简单使用： 场景：与表单项一起提交，但是需要回显功能，可以用过本地url预览方式实现 <!-- 此处需要关闭 element-plus的自动上传，不需要配置 action等参数 只需要做前 ......
JavaWeb - Day03 - Ajax、前端工程化、Element
01. Ajax-介绍 Ajax 概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。 作用： 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术 ......
element plus el-table表格合并
el-table表格合并实现都是使用表格的span-method属性绑定操作函数 <el-table :data="table.data" :span-method="objectSpanMethod" > </el-table> 操作函数格式 const objectSpanMethod = ({ ......
更换npm源的方法
// 查询源 npm config get registry // 更换国内源 npm config set registry https://registry.npmmirror.com // 恢复官方源 npm config set registry https://registry.npmjs ......
npm、yarn、pnpm 如何删除缓存文件?
1.简介 在前端工程化的环境下，频繁的安装、更新、移除依赖，总会产生一些不活跃的 npm 依赖包，一直隐藏在某个角落里。 2.NPM 2.1.查看缓存路径 npm config get cache 2.2.删除缓存 npm cache clean --force 3.YARN 3.1.查看缓存路径 ......
Vue + Element 实现按钮指定间隔时间点击
1、业务需求 需要加一个按钮，调用第三方API，按钮十分钟之内只能点击一次，刷新页面也只能点击一次 2、思路 加一个本地缓存的时间戳，通过时间戳计算指定时间内不能点击按钮 3、实现 1）vue页面 <template> <el-row :gutter="15"> <el-col :span="4"> ......
npm WARN deprecated @npmcli/move-file@1.1.2: This functionality has been moved to @npmcli/fs
今天下载依赖（npm install sqlite sqlite3）遇到的问题。只需要把前面那个包卸载，然后安装后面那个包就可以了。 npm uninstall @npmcli/move-file npm install @npmcli/fs ......
基于element-plus实现表单校验
官网 https://element-plus.org/zh-CN/component/form.html#自定义校验规则 需求 在日常开发中，我们需要对表单的内容进行校验，确保用户输入的符合我们正常的业务，并赋予正确的提示，以登录注册举例： 功能需求说明： 注册功能（校验+注册） 当用户输入用户名 ......
让Element-ui的dialog对话框根据浏览器屏幕大小自适应
需求：让Element-ui的dialog对话框根据浏览器屏幕大小自适应 实现如下： ......
新建vue项目，并引入element ui和axios的步骤
一、新建vue项目 （1）win+R进入命令行 使用cmd （2）切换到需要创建vue项目的盘符下 直接D:就能切换到D盘 （3）使用vue ui指令 进入图形化创建vue项目的界面（注意在创建项目的时候，命令行不能关闭） 之后就在浏览器的界面中进行创建 点击下方的“在此创建新项目” （4）进入创建 ......
SAP Fiori Elements 针对 OData V2 和 V4 的 Extension API
sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI 属于 SAP Fiori Elements 的早期版本，它基于 SAPUI5 框架构建，主要是针对 ABAP 环境下的 OData V2 服务。 sap.fe.tem ......
关于 SAP Fiori Elements List Report Go 按钮的实现
代码位置： 这段代码是 JavaScript 中的一个方法 _regularTriggerSearch，它是 SmartFilterBar 对象的原型方法。这个方法的主要目的是在一定延迟后触发搜索操作。这段代码中涵盖了 JavaScript 中的一些主要特性和概念，包括对象、原型、方法、控制流（if ......
在aliyun linux上npm install失败
今天在ESC上使用npm进行安装，出现以下错误： npm ERR! code ETIMEDOUT npm ERR! errno ETIMEDOUT npm ERR! network request to https://registry.npmjs.org/pm2 failed, reason: n ......
React项目报错：Element type is invalid: expected a string可能的原因
React项目报错：Element type is invalid: expected a string 起因：用了屎一样的React Antd组件库，坑太多实在用不下去了，代码不变直接改成Tdesign，于是就开始了解决无穷无尽的报错。。。 Element type is invalid: exp ......
vue2+element 表单内使用el-rate组件时，校验失败后重新校验通过了，但校验提示信息未消除
问题：el-rate组件自定义的校验规则，必填项。打开表单，不做任何动作，点击提交，这时表单校验一次，然后再选择el-rate组件的评分，校验提示却并未消除。 问题复现： 1.打开表单，直接点确定 2.填写完所有的选项后，仍未消除提示 解决：首先排除了v-model是否绑定正确，单词有无错误，校验有 ......
npm和yarn更改依赖包全局下载和缓存路径
背景 在工作中遇到公共构建机器频繁编译打包失败的情况。经过排查是该机器没有权限访问npm默认下载和缓存路径。 解决方案 1.赋予该机器权限以解决此问题。2.参考了 npm和yarn更改依赖包全局下载和缓存路径。该方法通过修改npm和yarn的配置，改变了下载和缓存路径。 # npm npm conf ......
使用Angular创建组件，并发布到npm上
1.组件准备工作 1.先新建一个组件库项目 ng new angular-npm-demo 2.新建一个存放组件库的目录 ng g library demo --prefix=demo; 3.进入 projects/demo/src/lib目录下新建一个组件，我的组件名叫做list-page ng ......
查看npm包某个具体版本及所有版本
查看该包的所有版本及最新版本 npm info jquery查看npmjs服务器上包的版本信息： 使用npm view jquery versions；这种方式可以查看npm服务器上所有的jquery版本信息； 使用npm view jquery version； 这种方式只能查看jquery的最新 ......
npm install 报pnpm无法加载文件 (解决方法 )
例如：我现在要运行一个TS的项目，我的电脑上没有安装pnpm，导致我的vscode一直报错无法加载 Pnpm安装 npm install -g pnpm pnpm : 无法加载文件 pnpm : 无法加载文件 C:\Users\HP\AppData\Roaming\npm\pnpm.ps1，因为在此 ......
npm ERR! Unexpected token ‘.‘ 报错解决办法
报错截图如下： 解决办法： 1、通过 nvm uninstall [version] 命令将已经安装的 node 版本依次删除。 [version] 代表 node 版本号。 2、找到 nvm 安装位置， 卸载 nvm , 安装最新版本 nvm。我目前安装nvm1.1.12 双击 nvm 目录中的 ......
npm ERR! code 128 解决GitHub SSH权限问题
报错原因 在npm项目部署时，运行npm install时报错如下: PS D:\workspace\web\vue-element-admin> npm install npm ERR! code 128 npm ERR! An unknown git error occurred npm ERR ......
通过npm安装nodejs
npm (Node Package Manager) 是 Node.js 的包管理器，可以让开发人员更方便地安装、上传、管理和共享代码包。而要使用 npm，当然就需要先安装 Node.js，下面就来讲讲如何通过 npm 安装 nodejs。 在 Windows 上安装 nodejs，可以直接下载 N ......
element-plus之form表单场景大全
1.:validate-event="false"的作用是，当前这个表单change或者blur的时候不进行表单校验，只有提交按钮验证时候才校验标红框, 场景运用：当切换其他tab也好，根据select1选的值，然后给select2赋值，结果没查到select2为空数组时候自动标红，类似这种不想要红 ......
npm 与 cnpm
没有区别 npm 表示使用 外国源 cnpm 表示使用 国内源 安装cnmp npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm 必安装插件 cnpm i nrm -g 用于修改 npm 源 命令 nrm ls nr ......
Element-Ui-表格设置动态高度
需求：element-ui的表格根据表格父盒子容器（红框容器）设置动态高度，便于表格头部固定。 上面方法的适合父盒子高度为固定不变化 ......
element-plus 报错 ResizeObserver loop limit exceeded 解决
解决方案代码如下： const debounce = (fn, delay) => { let timer = null; return function () { let context = this; let args = arguments; clearTimeout(timer); time ......