草庐IT

nodejs_vue

全部标签

Vue+element UI 可编辑表格

前端开发过程中,我们都会尽量避免多层弹窗的嵌套,最多两层弹窗嵌套。这么做的原因是为了方便管理代码和防止多层嵌套弹窗造成bug。但是有时候,内层的弹窗可能展示了一个表格,并且需要操作表格中的数据,这个时候我们只能自己DIY一个表格,取代弹窗处理的方法。1,实现效果和逻辑效果:表格展示数据,并且表格可以编辑数据(增、删、改)。逻辑:实现可编辑表格的主要思想:使用table创立一个表格,正常展示数据,需要操作某一行数据时,根据行数据的ID作为标志,将该行HTML换成编辑框或者其他form组件。2,效果图 2,代码HTML:序号节点名称验收人人员信息方式操作{{index+1}}{{item.name

vue项目,npm run dev的时候出现:Error: error:0308010C:digital envelope routines::unsupported

1知识小课堂1.1VUEVue(发音为/vjuː/,类似view)是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助开发者高效地开发用户界面。Vue的核心关键词是构建用户界面和框架。它提供了一套完整的解决方案,包括核心库(vue)、路由方案(vue-router)、状态管理方案(vuex)以及快速搭建页面UI效果的方案(vue组件库)。此外,Vue还提供了一系列辅助工具,如vue-cli、vite、vue-devtools和vetur,以帮助开发者更高效地开发和管理项目。Vue是一个独立的社区驱动

github拉取代码进行部署后台管理系统(vue项目),内含项目需要的软件包

1.首先去github找一个开源的项目我找的这个项目,他每个项目对应不同的项目去看readme都有说明开发环境准备·mall4j·看云 他们自带的说明2.阅读文档确定开发环境需要配置什么这里需要注意的:jdk不要安装21太高版本会和代码的lombok 的1.18.26有版本兼容性问题,报错java:java.lang.NoSuchFieldError:Classcom.sun.tools.javac.tree.JCTree$JCImportdoesnothavememberfield'com.sun.tools.javac.tree.JCTreequalid'  出现这个报错,就换个jdk版本

git 提交 报 error Unexpected mutation of “data“ prop vue/no-mutating-props

errorUnexpectedmutationof"data"propvue/no-mutating-props一般情况下出现此报错是修改了父组件的值即--对prop的内容进行了修改但是我的代码并没有直接对prop进行修改但是还是报当前错误报错代码片原代码片修改代码片可以看到我把其中Props下的data改为了info再次提交就可以了!问题应该出在ESLint检测命名上一般情况下出现此报错是修改了父组件的值即–对prop的内容进行了修改但是我的代码并没有直接对prop进行修改但是还是报当前错误报错代码片git报错代码片.//Anhighlightedblock15:30errorUnexpec

将CSS链接到nodejs服务器的HTML

我正在尝试链接styles.css归档到你好。html使用nodejs出现在Localhost中。但是,仅显示HTML和CSS样式的输出。这是我的代码!project.jsvarhttp=require('http');varfs=require('fs');http.createServer(function(req,res){fs.readFile('hello.html',function(err,data){res.writeHead(200,{'Content-Type':'text/html'});res.write(data);res.end();});}).listen(808

web前端在vue中通过海康插件嵌入视频,实现实时预览以及视频回放功能

 首先第一步,在海康官网下海康视频插件下载到电脑中海康开放平台  然后新建一个组件,下面我直接把我封装好的组件代码拿出来,重要的地方我在代码中添加了注释importmomentfrom'moment'exportdefault{name:'iSecureCenterContainer',props:{iSecureCenterConfig:{type:Object,default:()=>{return{appkey:'',secret:'',ip:'',playMode:0,snapDir:'D:\\SnapDir',videoDir:'D:\\VideoDir',layout:'1x1',

vue3 使用 web3.js;钱包转账;唤醒钱包.......

web3.js基本使用本篇文章不适合没有经验的小白,需要对web3有一定的了解,所以有些参数需要自己懂!准备安装web3.js依赖包npminstallweb3文档教程地址:https://web3.tryblockchain.org/这是我自己封装的类web3.js直接复制过去就可以用/***web3.js*@example*importWeb3from'./web3.js'//根据你实际文件路径引入这个类*constweb3=newWeb3('https://...');*web3.wakeUpWallet()//唤醒钱包*/importWeb3from"web3";exportdefau

vue3+ts+element-plus‘, eslint 报错 Parsing error:Unexpected token, expected “from“

vue3引用element-plus上传图片el-upload组件时报错代码:importtype{UploadProps,UploadUserFile}from‘element-plus’报错:Parsingerror:Unexpectedtoken,expected“from”(4:12)解决方法:修改package.json文件eslintConfig配置添加“parser”:“vue-eslint-parser”,“parserOptions”:{“parser”:“@typescript-eslint/parser”},总配置截图新增配置后报错Parsingerror:Cannotf

Vue中实现富文本功能,适配小程序端,uniapp也可实现,vue-quill-editor适配小程序,将vue-quill-editor插件中的class样式换为style内联样式达到适配目的

1、Vue中实现富文本功能1.1拓展功能,上传图片从系统图片素材库中拉取图片,黏贴图片时,图片也存入图片素材库中2、将自带的class样式换为style内联样式3、适配小程序端(仅展示,不需要编辑)4、小程序端新增编辑富文本1、Vue中实现富文本功能使用插件vue-quill-editor,先下载插件npminsatll--savevue-quill-editor在main.js中引入importVueQuillEditorfrom'vue-quill-editor'//富文本import*asQuillfrom'quill'import'quill/dist/quill.core.css'i

ruoyi-vue前后端分离框架上传图片不显示问题,nginx解决方案

使用若依前后端分离框架,前端项目打包在Nginx,上传图片时,图片上传成功,但是在列表页和添加/修改页面没有正常显示。插入成功后数据库保存数据样式:/profile/upload/2023/10/24/7_20231024172017A001.png回显数据时样式:http://localhost/prod-api/profile/upload/2023/10/24/7_20231024172017A001.png此时样式是打不开的,无法找到路径解决办法:nginx.conf在location中添加aliaslocation/prod-api/profile/{         #指向目录,对