vue响应式

Vue中使用pdfJs预览PDF、图片

Vue中使用pdfJs预览PDF、图片pdf.js是一个使用HTML5构建的可移植文档格式库。它可以帮助我们在浏览器中构建pdf文档，实现在线查看pdf文件的功能。
viceen·2024-09-10 12:36

springboot-2.3.3+dubbo-2.7.8+nacos-1.3.2+gateway-Hoxton.SR8

第一点可以参考：https://blog.csdn.net/lwb314/article/details/1082338632、升级网关，在升级之前有可能使用的是vue在前
qjyn1314·2024-09-10 11:04

vue el-date-picker-or 自定义显示格式

translateDate就是方法输入你想要的返回格式就行
java皮皮虫·2024-09-10 11:33

《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》

为了确保网站在不同设备上都能呈现出良好的用户体验，响应式Web设计变得至关重要。响应式Web设计是一种能够使网页根据不同设备的屏幕尺寸和分辨率自动调整布局和样式的设计方法。
陈在天box·2024-09-10 10:28

vue点击按钮预览图片，pdf，文件

vue点击按钮预览图片，pdf，文件上传图片//显示pdf<imgsrc="@/assets/images/pdf.jpg"alt=""class="imgsty"@click
LW0512·2024-09-10 10:57

vue项目结构

1.build目录用来存放对项目构建项目配置用来配置生产环境测试环境原始环境2.config目录用来修改生产配置和测试核心目录dev.env.js---开发环境变量index.js--项目配置文件prod.env.js--生产环境变量test.env.js--测试环境变量3.node_module目录用来存放当前项目的js依赖存放就是目录无序修改4.src目录用来存放日后自己开发代码的目录（重点）
手写冒泡排序·2024-09-10 10:54

vue项目架构

搭建项目框架,封装模块1.网络模块封装axios二次封装请求拦截器token是什么响应拦截器http协议2.动态权限菜单axios二次封装函数递归动态添加路由addRoutes刷新界面，菜单丢失问题，持久化存储技术实现点击菜单，不能找到路由组件问题,3.按钮资源权限根据登录用户角色获取能操作的资源列表，保存store自定义权限指令,封装有无操作该资源的权限v-permission=“[‘EditU
影子信息·2024-09-10 09:53

Vue项目结构

Vue项目的结构可以比较灵活，但通常情况下会包含以下几个部分：public目录：这个目录包含项目的静态资源文件，例如index.html，图片等。src目录：这个目录包含项目的源代码。
永远的12·2024-09-10 09:22

2021-12-15 vue动态路由加载时 Cannot find module xxx 错误解决方法

https://blog.csdn.net/longzhoufeng/article/details/106469115
臭臭猫爱不爱吃鱼·2024-09-10 09:57

vue 项目代码架构

Vue项目的代码架构通常遵循一定的组织结构和约定，以提高项目的可维护性、可扩展性和可读性。
王小工·2024-09-10 08:13

出现 [Vue warn]: Unhandled error during execution of component event handler 解决方法

第二次遇到前言基本的知识推荐阅读：详细分析Js中的Promise.all基本知识（附Demo）1.问题所示点击按钮的时候，浏览器出现如下提示虽然它是warn，但是本着解决问题的本质还是理性分析下use-button.ts:57[Vuewarn
码农研究僧·2024-09-10 08:11

ThreadLocal内存如何释放

是ThreadLocal是web中线程中存储变量传送数据的神奇，因为web中每个请求都一个是线程，所以可以理解为一次请求到结束都是可以在ThreadLocal中存储获取的（不包括异步、响应式webflux
风吹吹2·2024-09-10 07:04

vue3知识总结

Vue3是Vue.js的最新版本，相较于Vue2，它在性能、API设计、类型支持等多个方面都有显著的改进和创新。
软件技术NINI·2024-09-10 07:32

Springboot+vue.js+协同过滤推荐+余弦相似度算法实现新闻推荐系统

本次新闻推荐系统：主要包含技术：springboot，mybatis，mysql，javascript，vue.js，
计算机程序优异哥·2024-09-10 06:13

修改打包后element-ui的字体文件名；JS文件名；CSS文件名

修改这些静态文件名的原因是客户那边扫描出漏洞：字体文件名称不符合安全规则，就想办法给全部重新命名修改字体文件该方法不起作用——在vue.config.js里面配置打包时的fonts名称；其他场景下可能会适用记录一下
静纸~·2024-09-10 06:29

【Uniapp】前端面试题

Uniapp部分文章目录Uniapp部分1.Uniapp的页面生命周期和Vue的生命周期有何区别？1）Vue的生命周期2）Uniapp的页面生命周期3）区别2.Uniapp的rpx转换px的公式？
菜鸟una·2024-09-10 05:19

【前端】 如何在 Vue.js 中使用 Mock 数据：教程与技巧

如何在Vue.js中使用Mock数据：教程与技巧在开发过程中，为了测试和开发前端功能，你常常需要用到模拟（mock）数据。
帅比九日·2024-09-10 04:15

Vue2组件间通信的14种方式详解

（本篇以Vue2为主，Vue3在写啦）开始（引用一张举例图，全文依据下图关系进行举例说明）A组件==1.props/$emit//父向子传值importaaafrom'.
SqCheese·2024-09-10 02:32

【vue使用Sass报错】启动项目报错 Syntax Error: SassError: expected selector

出现的问题新项目启动的时候，提示：SyntaxError:SassError:expectedselector看了一下发现是sass使用样式穿透/deep/报的错/deep/其实是已经过期的写法，某个版本之后就不支持了但是我同事并没有出现同样的问题，不知道是为啥，也有可能是电脑（mac）的原因解决办法将/deep/更换为::v-deep但是这个项目是多人协作的，有大量页面使用，修改的话会涉及很多页
lxx-sissi·2024-09-10 02:00

Vue 中的 Vuex：全面解析与使用教程

什么是Vuex？Vuex是Vue.js官方提供的状态管理模式，专为Vue.js应用设计。
NMY112·2024-09-10 02:00

Vue 3中的 路由守卫：全面解析与使用教程

什么是Vue路由缓存？Vue路由缓存是通过Vue的内置组件实现的，它可以缓存组件的状态和DOM节点，避免在组件切换时销毁并重新创建组件。
NMY112·2024-09-10 02:00

Vue.js 路由守卫详解

Vue.js是一个用于构建用户界面的渐进式框架。在大型应用中，路由是管理页面间导航的关键部分。VueRouter提供了一系列的路由守卫，帮助开发者在用户导航到新页面时执行特定逻辑。
NMY112·2024-09-10 02:59

vue+jsonrpc+mongoDB文件传输解决方案（任意格式文件）

环境及需求：前端采用vue；后端采用spring，但是只用到了spring的对象注入功能，未使用springweb相关功能。
weideng_san·2024-09-10 02:28

vue3+tesseract 图片文字提取

可实现多语言识别，中英文混合识别demo如下：importTesseractfrom"tesseract.js"//方式1：Tesseract.recognize('http://localhost:5173/vue.jpg
妙明元心·2024-09-10 01:55

vue3 watch监听响应式数组失效问题

constpageData=reactive({checkedNodeList:[]})constcolspanDisabled=ref(false);watch(()=>{returnpageData.checkedNodeList},(newValue,oldValue)=>{if(newValue.length>0){colspanDisabled.value=true;}else{cols
妙明元心·2024-09-10 01:55

Nginx部署前端Vue项目的深度解析

目录一、准备工作1.1开发环境1.2服务器环境1.3Nginx安装二、构建Vue项目三、上传静态文件到服务器四、配置Nginx五、测试并重新加载Nginx六、访问Vue应用七、高级配置7.1启用HTTPS7.2
小周不想卷·2024-09-10 01:41

vuex小白入门

首先：Vuex是什么？有关于Vuex，官网是这样定义的：Vuex是一个专为Vue.js应用程序开发的状态管理模式。
前端一菜鸟·2024-09-09 22:54

第五天Vue学习

{{item}}{{key+'----'+i}}varapp=newVue({el:'#app',data:{books:['化学','物理','英语','数学','语文'],person:{name:
余心不忍·2024-09-09 21:21

vue开发过程中，修改了数据，但是页面不渲染，没变化！怎么办？

在做项目中遇到一个问题对某个参数赋值成功后页面中没有改变经过多方查阅终于解决这个问题跟大家分享一下希望可以帮到你方法1（推荐）：用JSON.parse(JSON.stringify(objectOrArray))通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染就这么写this.items=JSON.parse(JSON.stringify(this.items));方法2：用:key给
烂笔头儿@·2024-09-09 21:50

vue3 el-menu 菜单Maximum recursive updates exceeded 报错

vue3用el-menu实现管理后台左侧菜单，报Uncaught(inpromise)Maximumrecursiveupdatesexceededincomponent.Thismeansyouhaveareactiveeffectthatismutatingitsowndependenciesandthusrecursivelytriggeringitself.Possiblesourcesi
supming1·2024-09-09 21:48

vue原理分析（六）研究new Vue()

今天我们来分析使用newVue()之前研究时，只是说是在创建一个实例。并没有深入进行研究在vue的源码中找下Vue的构造函数functionVue(options){  if(!
嗓子疼谁心疼·2024-09-09 21:47

Vue 中 nextTick 的最主要作用是什么，为什么要有这个 API

在Vue.js中，nextTick是一个用于在DOM更新后执行代码的API。它的主要作用是确保在某个操作完成后，DOM已经更新且可以被访问或操作。
m0_73882020·2024-09-09 20:15

SprinBoot+Vue动漫交流与推荐平台的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue4数据库表设计
赵广陆·2024-09-09 20:44

Django5+Vue3:OA系统前后端分离项目实战-后端登录功能实现(7)

Django5+Vue3系列文章前言本节开始，全文仅对会员开放。若点赞和收藏数量超过100，全文将免费开放。此项目采用Django框架的5.0.7版本进行开发。
Fender的web学习路程·2024-09-09 17:48

Web前端最全初识Sentry前端监控，浅谈前端消息机制原理

Vue编码基础2.1.1.组件规范2.1.2.模板中使用简单的表达式2.1.3指令都使用缩写形式2.1.4标签顺序保持一致2.1.5必须为v-for设置键值key2.1.6v-show与v-if选择2.1.7script
2401_84433924·2024-09-09 17:18

tailwindcss在vue2中安装配置流程

vue版本不一样配置也不一样tailwindcss官网v2当前node（16.17.0）vue-cli（5.0.0）1.安装指定依赖npminstalltailwindcss@npm:@tailwindcss
Zeng　·2024-09-09 15:03

vue 全局弹窗组件封装

对于后台管理系统，有很多弹框的功能，这时候，我们就可以将弹框封装成一个公共组件进行复用。1.新建弹窗组件页在公共组件文件夹（components）下建一个弹框组件文件夹（EditboxForm）exportdefault{name:'EditboxForm',inheritAttrs:false,props:{//是否显示editBoxShow:{type:Boolean,default:func
阿wei程序媛·2024-09-09 14:31

Vant组件库CountDown倒计时组件实现京东倒计时（每日固定时间）

如标题所示功能实现依赖于vant组件库，所以依照以下步骤来一步步进行操作在main.js中按需引入Vant组件库中的倒计时组件import{CountDown}from'vant';Vue.use(CountDown
Ashindn·2024-09-09 12:43

18.菜单logo制作

菜单logo制作1.在项目assets里面加入logo2.layout下新建MenuLogo.vue组件MenuLofo.vue{{title}}importMenuLogofrom'@/assets/
不蒸馒头曾口气·2024-09-09 11:06

vue3使用simple-mind-map，分分钟开发思维导图

感觉很复杂的样子，这种很牛p的东西应该不是我三两天就能手写搞定的，于是我github转了一圈，果然不出我所料，对比了几个插件以后我是先选择了vue3-mindmap简单易用。
码农九零·2024-09-09 09:55

vue项目安装sass报错解决

把package.json里面node-sass和sass-loader版本改成："node-sass":"^4.11.1"，"sass-loader":"^7.3.0"就可以了
max_jianshu·2024-09-09 08:08

响应式 Web 设计 - Viewport

什么是Viewport?viewport是用户网页的可视区域。viewport翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。设置viewport一个常用的针对移动网页优化过的
hi武林高手·2024-09-09 04:27

开源GIS与Vue结合

相关插件安装推荐使用npm的方式安装，它能更好地和webpack打包工具配合使用。¶1、ol-----OpenLayers地图操作基础包[email protected]¶2、ol-ext-----OpenLayers扩展包npminstallol-ext¶3、proj4------前端投影转换包npminstallproj4¶4、turf------前端空间分析包npminstall@tur
桃子味的白开水·2024-09-09 04:31

vue如何引入element-ui

2.x用element-ui3.x用element-plushttps://blog.csdn.net/weixin_41207479/article/details/127066333引入element-ui的三种方式
大霞上仙·2024-09-09 04:18

vue axios发送post请求跨域解决

后端解决参考Django跨域解决-CSDN博客该方法之前试着可以的，但是复制到其他电脑上报错，所以改用前端解决1、main.js做增加如下配置importaxiosfrom'axios'Vue.prototype
大霞上仙·2024-09-09 03:17

java版本ERP管理系统源码 Spring Cloud alibaba Spring Boot MybatisPlus Redis VUE3 ElementUI 微服务

该系统充分利用了SpringCloudAlibaba、SpringBoot、MybatisPlus、Redis等先进技术栈，并结合前端框架VUE3和ElementUI，构建了一个功能丰富、性能
m0_66404702·2024-09-09 02:09

vue3+ant design vue实现表格导出（后端返回文件流类型导出）

1、之前的博客介绍了，依据页面展示的table表格数据为基础展示表格导出，今天介绍下后端返回文件流来实现表格导出。导出import{ExportTheEmployeesTab}from'@/api/import';//导出import{downExcelUrl}from'@/utils/downloadFile';constsearchRef=ref();constexportData1=()=>
炒毛豆·2024-09-09 02:09

DataV的安装与使用（Vue3版本）

1、DataV(vue3)地址：DataVVue3+TS+Vite版|DataV-Vue32、使用npminstall@kjgl77/datav-vue3安装3、全局引入。4、此时就可以按需使用了~
炒毛豆·2024-09-09 02:39

Vue3+vite打包配置及部分打包优化~

这里介绍的是vite项目的打包配置，若想了解webpack打包配置可看我的其他博客。（下面来介绍下vite打包配置的步骤）1、步骤一：配置base。(为什么需要配置base？这里配置base主要是修改根路径，一般我们在开发环境中引用静态资源可能使用的是绝对路径，但是一旦打包部署到服务器上后可能会报404,无法正确的获取的资源。)//在vite.config.ts中import{defineConf
炒毛豆·2024-09-09 02:39

vue3中发请求配置{ isGetDataDirectly: false }属性的作用~

1、{isGetDataDirectly:false}的作用：设置不直接获取数据。2、代码示例：letbaseURL='/api';exportconstgetEmployeeTab=(params)=>{returnrequest({url:`${baseURL}/staff-tag/query-tag`,method:'GET',params,},//设置不直接获取数据{isGetDataDi
炒毛豆·2024-09-09 02:39
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他