前端框架-vue 第4页

npm install安装报错

在vue项目中，当我们在终端使用指令：npminstall下载node_modules(节点_模块)时出现报错的情况。主要是这个原因：npmERR!

七小山·2025-03-08 15:55

Vue3中 watch监听方式（学习笔记）

监听的几种方式方式1：监视ref定义的基本数据类型方式2：监视ref定义的【对象类型】方式3：监视reactive定义的【对象类型】数据方式4：监视ref或reactive定义的【对象类型】数据中的某个属性总结前言Vue3

小陆不会敲代码·2025-03-08 15:24

搭建组件库vue（monorepo ）

原笔记Eric'sWiki项目初始化shellmkdirtoy-elementcdtoy-elementgitinitcode.用vscode打开，既然是monorepo，那就先创建一个pnpm-workspace.yaml文件。shellmkdirpackagesecho-e'packages:\n-"packages/*"'>pnpm-workspace.yamlpnpminit创建.giti

GJE1048·2025-03-08 14:29

vue组件获取props_Vue中子组件怎么获取父组件的值？（props实现）

vue中父组件的数据如何传送到子组件中？组件实例的作用域是孤立的。这意味着不能在子组件的模板内直接引用父组件的数据。父组件的数据需要通过prop才能下发到子组件中。

weixin_39943868·2025-03-08 13:49

【vue3】入门系列—子组件调父组件方法

在Vue3中，子组件通常不会直接调用父组件的方法，因为这同样违反了组件之间的单向数据流原则。

前端大颖颖·2025-03-08 13:43

vue3多个页面/组件，复用同一段render页面根据接口返回的数据动态渲染逻辑，使用setup+组合式API

是可供多个组件复用的getData请求接口，render渲染数据importoperationServicefrom"@/views/operation/component/operationService.vue

十年 lius·2025-03-08 13:28

vue监听dom渲染结束再触发方法 this.$nextTick

//文件预览handleview(index,row){console.log(index,row);console.log(row.zbwjurl)this.viewFileDialogVisible=true//组件加载，组件可见加载的组件中的dom获取不到：打印相关信息，发现：this.refs成功打印，且包含了a的信息，但是this.refs成功打印，且包含了a的信息，但是this.ref

十年 lius·2025-03-08 13:28

Vue3中子组件向父组件传递对象值

子组件向父组件传递值通过defineEmits来进行传值。语法：constemit=defineEmits()子组件向父组件传递：1.首先定义接口interfacePerson{name:string,age:number,job:string}2.使用defineEmitsconstemit=defineEmits()3.定义需要传递的值letmessage=ref({name:'Mike',a

Miketutu·2025-03-08 12:26

vue3中子组件获取父组件的name，父组件不做修改动作

在Vue3中，子组件若要获取父组件的name，且父组件不做额外操作，可以借助getCurrentInstance来实现。

十年 lius·2025-03-08 12:53

Java新特性梳理——Java17

highlight:xcodetheme:vuepress概述JDK16刚发布半年(2021/03/16)，JDK17又如期而至(2021/09/14)，这个时间点特殊，蹭苹果发布会的热度？

疯狂的洛必达·2025-03-08 12:49

swagger-01-swagger介绍

swagger1.学习目标：了解前后端分离了解Swagger的作用和概念在SpringBoot中集成Swagger1.1swagger由来前后端分离，当前流行的开发模式Vue+SpringBoot早先的后端时代

褚师子书·2025-03-08 12:47

Nginx给Vue和Java后端做代理

本文发表于入职啦(公众号:ruzhila)可以访问入职啦查看更多技术文章网站架构入职啦采用了Nuxt.js、Vue3、Go的混合架构开发，包括了官网、简历工具、职位搜索、简历搜索等功能。

入职啦·2025-03-08 11:41

Vue3自适应布局实战：动态窗口高度适配与最小值限制的完美结合

副标题：从基础原理到el-table深度应用，手把手教你实现"屏幕无界，布局有度"的响应式方案一、核心知识点梳理响应式窗口高度监听•使用ref创建响应式变量windowHeight，通过window.addEventListener('resize')实时更新窗口高度•示例代码：constwindowHeight=ref(window.innerHeight);window.addEventLis

内向的小农·2025-03-08 11:34

Vue打包后生成的文件及编程细节

Vue.js是一种流行的JavaScript框架，用于构建现代化的单页应用程序。当我们开发一个Vue应用并准备将其部署到生产环境时，我们需要对应用进行打包，以便生成最终的可执行文件。

心之飞翼·2025-03-08 08:37

vue让table表格滚动的功能代码

方法1：vue中在固定高度的容器中，表格内容需要滚动显示，代码如下：/***自动滚动*@param{divData}dom*@param{time}多久滚动一次默认50ms*/exportfunctioninfinitScroll

yzy85·2025-03-08 07:40

Vue Element Ui中 Table 表格更改某一列的样式，比如说背景色

先在Table表格上加上属性在methods:中上方法//row,每一行上的数据//column,每一列上的数据//rowIndex,行数的下标从0开始//columnIndex列数下标从0开始methods:{columnStyle({row,column,rowIndex,columnIndex}){if(columnIndex==2||columnIndex==3){//第三第四列的背景色就

WQ_MItu·2025-03-08 06:29

解决uniapp生成自定义海报/邀请名片，保存图片到本地

效果图安装npm包npminstallqs-canvas-S代码片段//index.vue保存图片到本地import{reactive,ref,computed,onMounted,getCurrentInstance

·2025-03-08 06:50

vue2前端使用图片展现视频,无法销毁请求

实现思路，使用canvas绘制图像，然后使用动画帧刷新页面exportdefault{props:{info:{type:Object,default:()=>({url:'',index:''}),},},data(){return{currentImage:null,isFullScreen:false,canvas:null,ctx:null,canvasStyle:{height:'100

贾宝玉单臂擒方腊·2025-03-08 04:23

详细解析Vue在history路由模式部署后刷新404问题

场景vue项目使用了history路由模式，且在本地时运行正常，但打包通过nginx部署后，刷新页面，出现了404错误先定位一下，HTTP404错误意味着链接指向的资源不存在问题在于为什么不存在？

mr_cmx·2025-03-08 03:35

Vue 和 dhtmlx-gantt 实现图表构建动态多级甘特图效果，横坐标为动态刻度不是日期

注意事项：1、横坐标根据日期转换成时间刻度在（gantt.config.scales）；2、获取时间刻度的最大值（findMaxRepairTime）；3、甘特图多级列表需注意二级三级每个父子id需要唯一（convertData）安装依赖npminstalldhtmlx-gantt--save在当前页引入和配置dhtmlx-ganttimportganttfrom"dhtmlx-gantt";//

Tan-玛卡巴卡·2025-03-08 02:45

前端vue用jsmind写思维导图

1、下载依赖npm安装npminstall--savejsmindyarn安装yarnjsmind版本:"jsmind":"^0.4.6",2、完整代码：查看节点删除节点-->放大缩小展开：主题：名称：{{obj.topic?obj.topic:'-'}}部门：{{obj.orgName?obj.orgName:'-'}}描述：{{obj.jobType?obj.jobType:'-'}}状态：正

Tan-玛卡巴卡·2025-03-08 02:44

Vue 实现垂直菜单分类栏目，鼠标移入下方出现悬浮二级菜单容器效果

需要注意的是二级菜单的盒子要在最大的盒子里面要把它撑开而不是和导航一个div，下面是实现的效果但有点潦草具体样式需自行调整具体代码如下：html代码： {{item}} 中文{{$t('appHeader.pickerTitle')}} Eng --

Tan-玛卡巴卡·2025-03-08 02:43

vue实现滚动公告效果vue-seamless-scroll

1、下载npminstallvue-seamless-scroll2、页面引入也可以全局引入我是当前页面用所以选择页面引入importvueSeamlessScrollfrom'vue-seamless-scroll

Tan-玛卡巴卡·2025-03-08 02:13

奶妈级别芋道源码 ruoyi-vue3-pro 视频、图片批量上传组件，复制即可用！！

批量上传图片组件请上传图片-->查看删除importtype{UploadFile,UploadProps,UploadUserFile}from'element-plus'import{ElNotification}from'element-plus'import{createImageViewer}from'@/components/ImageViewer'import{propTypes}f

William Dawson·2025-03-08 01:42

Vue 规则实现联系方式（手机号码/座机）验证

phone:[{required:true,message:'请输入联系方式',trigger:'blur'},{validator:(rule,value,callback)=>{constphoneReg=/^1[3-9]\d{9}$///手机号正则constlandlineReg=/^(?:(?:\d{3}-)?\d{8}|^(?:\d{4}-)?\d{7,8})(?:-\d+)?$/if(

William Dawson·2025-03-08 01:41

使用 Spring Boot 实现前后端分离的海康威视 SDK 视频监控

使用SpringBoot实现前后端分离的海康威视SDK视频监控系统，可以分为以下几个步骤：1.系统架构设计前端：使用Vue.js、React或Angular等前端框架实现用户界面。

William Dawson·2025-03-08 01:01

vee-validate验证设置中文但是无效

无效代码：importzh_CNfrom'vee-validate/dist/locale/zh_CN'Vue.use(VeeValidate)//表单验证VeeValidate.Validator.localize

桃子不吃李子·2025-03-08 01:59

echarts开发图表时遇到问题：trigger: ‘item‘正常显示tooltip，trigger: ‘axis‘则无法显示tooltip，为什么？

解放方案：import{markRaw}from'vue';//解决办法，让echarts从监听对象变成普通对象letchart=markRaw(echarts.init(chartRef))//原代码

思想永无止境·2025-03-08 00:57

ruoyi&vue+electron+ffi&dll+CAN+串口

1.0.0","description":"test","author":"tzc","license":"MIT","main":"background.js","scripts":{"dev":"vue-cli-serviceserve

思想永无止境·2025-03-08 00:56

Vue入门常见指令

Vue(视图信息与脚本数据双向绑定）Vue的基础入门Vue的实现流程：1、在HTML的body标签中引入需要通过Vue进行数据绑定的标签2、在HTML中的相关的视图标签中设置标签元素的id（）3、通过外链的形式将

星星不打輰·2025-03-08 00:24

npm ERR! code 128 npm ERR! An unknown git error occurre如何解决

在git上下载下来的vue-element-admin安装依赖的时候报错。

qq_57907803·2025-03-08 00:54

Vue.js 开发入门指南

Vue.js开发入门指南Vue.js是一款流行的前端框架，它轻量、高效且易于上手，非常适合构建交互式Web应用。本文将介绍Vue.js的基础概念，并带你实现一个简单的Vue应用。

2401_89793006·2025-03-07 23:16

Vue项目结构分析

Vue项目结构分析1.概览使用CLI构建出来的Vue项目结构是这样的里面我们需要关注的内容如下图，重点需要关注的用小红旗标了，其中我们最常修改的部分就是components文件夹了，几乎所有需要手动编写的代码都在其中

企鹅会游泳·2025-03-07 23:13

VSCode 配置优化指南：打造高效的 uni-app、Vue2/3、JS/TS 开发环境

VSCode配置优化指南，适用于uni-app、Vue2、Vue3、JavaScript、TypeScript开发，包括插件推荐、设置优化、代码片段、调试配置等，确保你的开发体验更加流畅高效。

奶凶的小熊崽·2025-03-07 23:37

uniapp微信小程序vue3自定义tabbar

在App.vue隐藏原生tabbar，也可以在pages.json中配置二选一就好了创建CustomTabBar公共组件{{item.text}}import{ref,onMounted}from'vue

HerayChen·2025-03-07 22:07

深入解析 Vue3 核心架构与实战范式：从响应式原理到 Composition API 设计哲学

引言：框架演进的必然选择在2020年发布的Vue3并非简单的版本迭代，而是对前端工程化痛点的系统性解决方案。

嘉图明·2025-03-07 22:05

vue图片加时间戳，禁止缓存

一、使用引入的图片路径图片路径constVISIT_TOP_BG=`${config.assetPath}/images/visit-top-bg.png?timestamp=${Date.now()}`;使用

性野喜悲·2025-03-07 22:35

大白话Vue 源码

大白话Vue源码整体介绍Vue源码就像是一个超厉害的“魔法工具箱”，它能帮咱们轻松地做出各种漂亮又好用的网页。

IT木昜·2025-03-07 21:23

动态彗星流转边框按钮

本文将介绍如何使用Canvas和Vue.js实现一个带有动态彗星流转边框的按钮。这个按钮不仅美观，而且可以根据用户的需要调整动画的速度、粗细和轨迹长度。

J丶S丶Q·2025-03-07 19:08

vue基本功

而且自动收集依赖watch需要手动写依赖，immdiate默认是falsetoRef和toRefstoRef:复制reactive里的单个属性并转成reftoRefs:复制reactive里的所有属性并转成refvue3

码林鼠·2025-03-07 18:51

vue计算属性源码解读

在Vue.js中，计算属性是一个非常实用的特性，它允许你根据其他数据动态计算出新的值，并且会缓存计算结果，只有当依赖的数据发生变化时才会重新计算。下面我们来深入解读Vue计算属性的源码实现。

新茶十九·2025-03-07 18:19

小程序和页面生命周期详解

UniApp是一个基于Vue.js的跨平台开发框架，允许开发者使用一套代码构建多端应用（如小程序、H5、App等）。

_未知_开摆·2025-03-07 18:49

出现 defineProps is a compiler macro and no longer needs to be imported. 解决方法

目录1.问题所示2.原理分析3.解决方法1.问题所示执行前端代码的时候，出现如下问题：[@vue/compiler-sfc]definePropsisacompilermacroandnolongerneedstobeimported

码农研究僧·2025-03-07 17:42

Vuex基本理论

Vuex是对数据统一进行管理工具其中包含以下API：state中保存着共有数据，数据是响应式的，所有的数据全部保存到state中，state需要单独注册；getter可以对state进行计算操作，主要用来过滤一些数据

王富贵的记录·2025-03-07 17:11

html页面自动刷新滚动,VUE实现HTML页面滚动，标题实时刷新

follow.gif源码currentcardis{{title}}v-for="(item,index)inlist":c-data="item":key="index">{{item}}footerexportdefault{data(){return{title:'hey',list:[1,2,3,4,5,6,7,8,9,10]}},mounted(){lettimer=nullwindow

新职语·2025-03-07 17:40

Vue前后端参数传递（重要）

一般来说，大部分情况下springboot中controller只要参数名可以一一对应，就可以很方便的传递参数，但是如果前台给后台的参数非常复杂，涉及到多种类型，那么controller就无法智能的自动注入了letProdOBJ={"productCode":"155","productName":"产品-徐","productListCode":"list-xu","productListNam

亭台烟雨中·2025-03-07 11:51

Vue的几个常用难点

一、window,open()配合this.$router使用1、参数发送页//待传递的参数varapiTemp={}apiTemp.testName=row.testNameapiTemp.testClass=row.testClassapiTemp.testCode=row.testCode//与地址绑定，生成对象constrouteDate=this.$router.resolve({pat

亭台烟雨中·2025-03-07 11:21

8种Vue中数据更新了但页面没有更新的情况

文章目录1、Vue无法检测实例被创建时不存在于data中的属性2、Vue无法检测‘对象属性’的添加或移除3、Vue不能检测利用数组索引直接修改一个数组项4、Vue不能监测直接修改数组长度的变化5、在异步更新执行之前操作

cypking·2025-03-07 11:08

HarmonyOS：如何实现自定义的Tabs,TabContent内部实现如何动态配置

前言：最近做开发任务的时候，想把Tabs自定义了，并且动态配置TabContent里面的内容，不是写死一样的，这个问题困扰了很长时间，试过**@BuilderParam**（类似于vue的插槽）传组件方式的

zzialx·2025-03-07 09:06

React基础教程（06）：条件渲染

注意这里的Empty是前端框架Antd的组件，如果安装了antd直接使用即可，如果没有安装可以用div代替也是可以的。这里为了更直观，所以使用了前端框架antd的Empty组件。

叁拾舞·2025-03-07 07:18

推荐频道

前端框架-vue