vue项目优化第15页

在线图书管理系统”的Vue.js项目

项目概述假设我们正在构建一个名为“在线图书管理系统”的Vue.js项目。该系统允许用户浏览图书列表、搜索图书、查看图书详情、添加新书到购物车以及进行用户认证（登录、注册）。

hai40587·2024-08-31 21:51

uniapp解决app端不能用＜web-view＞将外部页面嵌入当前页面的问题

uniapp解决app端不能用将外部页面嵌入当前页面的问题参考资料代码（兼容h5与app）父页面子组件Vue2Vue3、组合式、ts参考资料android项目嵌套uniapp页面及交互uniapp嵌套h5

舍予一·2024-08-31 20:15

python Django +Vue实现多文件异步上传

pythonDjango+Vue实现多文件异步上传刚接触python不久，接到个需求需要多文件上传，在网上找了很多，有讲理论的，有讲实现的，但我花了很长时间，才从这些文章中搞懂这个问题，我们来个直接粗暴的

离光头还差半个光头·2024-08-31 18:04

Vue——认识day03_事件

此处接上一篇文章Vue——认识day2开始，欢迎大家。

WenJGo·2024-08-31 18:32

大屏可视化项目之vue3-seamless-scroll无缝滚动组件（一）——基本使用_vue seamless scroll官网

import{defineComponent,ref}from“vue”;import{Vue3SeamlessScroll}from“vue3-seamless-scroll”;exportdefaultdefineComponent

2401_84411822·2024-08-31 18:01

vue+element 使用弹框this.$confirm 区分关闭和取消按钮

需求描述：点击按钮，弹出弹窗，要做两个选择按钮，要区分开选择和关闭的功能代码实现：this.$confirm("是否确定删除选中的数据?","提示",{confirmButtonText:"确定（A按钮）",cancelButtonText:"取消（B按钮）",type:"warning",distinguishCancelAndClose:true,//重要，设置为true才会把右上角X和取消区

乐容·2024-08-31 17:27

VUE3笔记

前端系列一、HTML5二、CSS3三、JavaScript四、jQuery五、BootStrap六、Element七、Ajax八、JSON九、VUE3第一章、基础一、vue简介1、学习阶段vue2基础vue-cli

一介书生.·2024-08-31 16:48

VUE学习笔记—Vue运行时渲染

我们先来看一vue官方的介绍很多时候我们貌似已经忽略了渐进

前端姑娘·2024-08-31 16:16

vue3 路由的使用

在如今工程化模式下的前端开发，像Vue工程，可以轻松实现只用一个HTML文件，却能够完成多个站内页面渲染、跳转的功能，这就是路由。

前端不加班·2024-08-31 16:45

vue3.x+typescript 配置全局属性-vue3配置全局axios

下面是在vue3.0定义源文件找到的一段说明注释/***Custompropertiesaddedtocomponentinstancesinanywayandcanbeaccessedthrou

我爱张智容·2024-08-31 16:37

问题解决：vue dev模式没问题，dist之后页面not found

导读：本菜鸡作为一个JavaScript的初学者，搞了一个Vue页面之后想将其在生产环境中部署。但是dist之后发现生成的静态页面只有首页访问正常，其余页面全部都是NotFound，百思不得其解。

Einstellung·2024-08-31 16:44

SprinBoot+Vue学生选课小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp

赵广陆·2024-08-31 15:39

vue2/3 - 解决项目运行或安装依赖npm install时，出现报错 errno -4048 | Error: EPERM: operation not permitted, mkdir错误

错误截图在vue2|vue3|nuxt项目开发中，运行或执行安装依赖包命令install时出现报错：npmERR!errno-4048|npmERR!

街尾杂货店&·2024-08-31 14:06

谈谈nvm、nrm、pnpm的理解

nvm版本过低是不兼容vue3的项目的，我推荐1.

段子君·2024-08-31 14:32

npm ERR! 安装依赖 errno: -4048,解决办法：

pathD:\demo\vue\vuerobot\node_modules\core-js\internalsnpmERR!errno-4048npmERR!

一条没有感情的鱼·2024-08-31 14:32

使用npm第一次创建vue项目时报错 errno -4058 no such file or directory, mkdir ‘XXXXXXXX‘解决办法

使用npm第一次创建vue项目时报错errno-4058nosuchfileordirectory,mkdir'XXXXXXXX'解决办法C:\Users\Administrator目录下的.npmrc

JadeHanLiang·2024-08-31 14:30

Vue基础(day05)

Vue.js（第五天）父子组件之间的传值这是子元素---{{parentmsg}}varcom1={template:'#tmp1',data(){return{msg:'给你一些钱，去挥霍吧！'}}

菜先生…·2024-08-31 14:59

Vue 实现分页效果下拉加载页面

2020年10月27日17:57:58MR黎原文链接：文档：Vue.note链接：http://note.youdao.com/noteshare?

喜欢硬编码·2024-08-31 13:58

Vue的生命周期

生命周期让我们在控制整个vue的时候更好的形成逻辑，vue生命周期分为四个阶段一：实例渲染二：DOM渲染三：数据更新四：销毁实例它分别有八个声明周期创建前:beforeCreate()只有一些实例本身的事件和生命周期函数创建后

曼荼罗poisonous·2024-08-31 13:57

Javascript归纳与总结——this指向及其改变、new关键字与原型链、异步、闭包和函数防抖与节流

Javascript中bind、call、apply區別-CSDN博客new关键字与原型链从原型链视角解读VueComponent与Vue关系_vue中重要的原型链关系-CSDN博客prototype这个属性只有函数对象才有

GISer_Jinger·2024-08-31 13:24

任务悬赏源码|悬赏任务app源码vue+nodejs可二开搭建

介绍鲨鱼任务悬赏源码是一款基于互联网的任务平台源码，旨在为用户提供兼职、接单和赚钱等商业模式，帮助用户利用闲暇时间实现盈利。它能够在时间管理和提高生活质量方面为用户提供有效的支持与帮助。我们的任务悬赏源码采用多端结合的设计方案，涵盖小程序、APP、公众号和H5等多个平台，具备良好的互动性和友好的用户体验。通过这些平台，用户可以轻松发布任务、设置悬赏、接受和完成任务，以及进行结算和转账，实现任务全流

西谷科技·2024-08-31 12:51

vue导入全局css_vue全局配置（引入全局方法样式、按需加载elementui）

一、全局引入css样式//文件目录：/src/assets/styles/reset.less/src/assets/styles/common.less//引用：app.vue@import'~@/assets

weixin_39581099·2024-08-31 12:17

在vue中引入全局scss文件

需要在vue.config.js中加入css:{loaderOptions:{sass:{additionalData:`@import"@/assets/styles/varibles.scss";`

DargonWisdom·2024-08-31 11:15

vue中引入全局css

在app.vue中引入importVuefrom'vue';importAppfrom'./App.vue';import'.

足球数据分析·2024-08-31 11:15

【面试题系列Vue05】跟其他人不太一样的 Vue生命周期总结

数据绑定Vue文本插值在Vue中，最基础的模板语法是数据绑定，例如：{{data}}这里绑定了一个msg的变量，开发者在Vue实例data中绑定该变量：newVue({data:{data:"测试文本"

周三有雨·2024-08-31 09:28

【面试题系列Vue04】Vue.js中 $nextTick 原理及作用

这通常在你修改了一些数据，并且想要等待Vue完成DOM的重新渲染后，才执行依赖于新DOM的操作时使用。

周三有雨·2024-08-31 09:58

Vue 面试题单页应用和多页应用的区别

一、定义1.单页面应用单页面应用又称SPA(SinglePageApplication)指的是使用单个HTML完成多个页面切换和功能的应用。这些应用只有一个html文件作为入口，一开始只需加载一次js，css等相关资源。使用js完成页面的布局和渲染。页面展示和功能是根据路由完成的。单页面应用跳转，就是切换相关组件，仅刷新局部资源。优点：用户体验好前后端分离页面效果会比较炫酷（比如切换页面内容时的转

莫道一龙·2024-08-31 09:55

【面试题系列Vue06】Vue 单页应用与多页应用的区别

单页应用单页应用这个概念，是随着前几年AngularJS、React、Ember等这些框架的出现而出现的。第一节内容里，我们在页面渲染中讲了页面的局部刷新，而单页应用则是使用了页面的局部刷新的能力，在切换页面的时候刷新页面内容，从而获取更好的体验。SPA与MPA单页应用（SinglePageWebApplication，SPA）和多页应用（MultiPageApplication，MPA）的区别可

周三有雨·2024-08-31 08:54

vue遍历表单加规则校验

添加指标删除型号主要代码:prop=“guOrderProductList.${i}.productModel”:rules=“[{required:true,message:‘产品型号不能为空’,trigger:‘blur’}]”>

33455432·2024-08-31 08:54

Vue3项目中页面滚动加载更多的原生操作

效果:数据未回来就是加载中,加载数据完成后就会显示没有更多的数据了步骤一,定义无限下拉的商品组件:xtx-infinite-loading.vue使用了vueuse中的useIntersectionObserve

是要开心的婷婷呀~·2024-08-31 08:53

v-masonry踩坑数据不重绘问题

在一堆数据中数据发生改变但是页面没有发生重绘（nextTick）描述场景我的小组里边有很多数据但是当我退出小组回来之后瀑布流出现空白情况请看图通过查看文档发现$redrawVueMasonry可以实现重绘于是各种调用不生效

黎明寄波澜*·2024-08-31 08:53

Vue jquery.masonry 滑动自动加载瀑布流

虽然masonry.pkgd.min.js最新版本是4.2.0,但是本文章中采用的是V2.1.04，这里面已经集成了imagesloaded，所以不需要引入2次div代码为{{x.title}}</

fanruitian·2024-08-31 08:23

Vue使用el-cascader 实现多级下拉菜单

代码：默认click触发子菜单hover触发子菜单exportdefault{data(){return{options:[],father:[{id:1,pid:'0',name:'安徽省',code:'340000',level:1},{id:13,pid:'0',name:'河北省',code:'350000',level:1}],children:[{code:"340800",id:13

孟宪磊mxl·2024-08-31 08:21

Element Plus& Ant Design(react) 表格的分页封装

一、ElementPlus封装代码：import{onMounted,reactive,ref,toRaw}from'vue'import{ElTable}from'element-plus'importmomentfrom'moment'interfaceUser

孟宪磊mxl·2024-08-31 08:21

vue3+vant4父组件点击提交并校验子组件form表单

先看效果代码如下父组件校验表单import{ref}from'vue';importChildFormfrom'.

再希·2024-08-31 08:51

JavaWeb——前端工程化

2.前端工程化实现技术栈:ES6+Nodejs+npm+Vite+VUE3+Router+Pinia+Axios+Element-plusECMAScript6:VUE3中大量使用ES6语法;Nodejs

A_Tai2333333·2024-08-31 08:21

vue+moment转化日期格式为年月日时分秒！最简洁版

文章目录概要整体架构流程所用组件技术细节小结概要全局实行格式化日期，让你告别冗余处理时间代码整体架构流程使用moment插件实现官网：https://momentjs.cn/所用组件vue2moment

暴富的Tdy·2024-08-31 08:50

Vue的状态管理——Vuex3&4&Pinia

Vue3中Vuex的使用_vue3vuex-CSDN博客VueX详解_组合式vuex-CSDN博客15分钟学会PiniaVuex3和4详解Vuex3Vuex3是Vue.js2.x版本的状态管理库，它提供了一种集中式存储和管理组件状态的方式

GISer_Jinger·2024-08-31 08:49

Vue组件开发系列之Model遮罩层组件

组件源码：https://github.com/AntJavascript/widgetUI/tree/master/model20181030_111804.gif组件结构：代码分析：props参数：props:{opacity:{//组件透明度type:Number,default:()=>{return0.3;}},zIndex:{//组件层级type:Number|String,defau

vue爱好者·2024-08-31 08:05

Vue + Spring Boot + SQL Server + Python 部署到 Windows 服务器

将Vue+SpringBoot+SQLServer+Python部署到Windows服务器上的具体步骤如下：1.准备服务器远程连接到服务器：使用远程桌面连接（RDP）登录到Windows服务器。

Desire..·2024-08-31 07:44

Vue搭建前端监控，采集用户行为的 N 种姿势

Vue搭建前端监控，采集用户行为的N种姿势最近我在3A平台购买了服务器。在一个产品中，用户最基本的行为就是切换页面。用户使用了哪些功能，也能从切换页面中体现出来。

奋斗的工程师·2024-08-31 06:39

vue3背景下，el-input嵌套在弹出框中，自动聚焦“失效”？如何实现自动聚焦

情景：在一个弹出框中，有一个el-input输入框，想要实现当弹出框出现时，input会自动聚焦。使用input的原生属性autofocus去自动获取焦点失效；使用ref获取el-input元素也显示undefined！！！..............先说结论：使用定时器！！//script标签部分内容constdialogFormVisible=ref(false)//获取到input框cons

Now？！·2024-08-31 06:39

vue 父组件样式影响子组件

vue父组件样式影响子组件，父组件样式如下：.wrap{color:white}子组件的根组件也使用了.wrap选择器：//直接子组件...奇怪的是子组件的文字也变成了白色。

老灯儿·2024-08-31 06:38

VUE子组件传递父组件

背景：子组件传递父组件，是指子组件页面中相关事件操作触发需要在父组件处理才能完成，需要在子组件页面中把这个事件传递给父组件页面中，父组件接收到子组件的事件后就可以完成数据处理了。知识点1.在子组件页面中使用emits声明好要传递的事件和事件会用到的参数2.在父组件页面中，在子组件的标签上，接收组件传递过来的函数实战例子父组件结果：{{count}}importChildfrom"./Child";

凌涑·2024-08-31 06:38

vue3项目导入ansi_up报错

前言也是最近在研究项目里滚动输出log的功能时了解到这个插件的。简介ansi_up是一个轻量级JavaScript库，专为将含有ANSI颜色转义码的文本转换成HTML而设计。无论在浏览器还是Node.js环境中，它都能无缝运行。这个模块以单个ES6JavaScript文件的形式提供，无任何依赖，并且自2011年起已在生产环境稳定使用。安装npmiansi_up在页面中导入import{AnsiUp

夏与冰·2024-08-31 06:08

vue3项目使用EventSource实现流式输出例如滚动日志

前言之前接触的通信方式主要是HTTP请求和WebSocket，这次有机会了解到EventSource，记录一下。简介EventSource是一个浏览器端用于接收服务器推送事件（Server-SentEvents,SSE）的JSAPI。与WebSocket不同，SSE是单向的（服务器到客户端），适用于更新频率不高的实时通知、消息推送等场景。基本用法创建连接consteventSource=newEv