Vue2前端项目

Vue2+vue-office/excel 实现在线加载Excel文件预览

-501351981/vue-office:支持word(.docx)、excel(.xlsx,.xls)、pdf等各类型office文件预览的vue组件集合，提供一站式office文件预览方案，支持vue2
777VG·2024-08-28 18:27

vue2 使用 axios

在Vue2中集成和使用Axios进行HTTP请求操作，通常包括以下几个步骤：一、安装Axios：在项目目录下通过npm或yarn安装Axios。
bjzhang75·2024-08-28 18:25

【Vue3 工程自动化】自动导入多个组件

一、Vue2.X版本：require.context()require.context(dirname,useSubdirectories,RegExp)是一个webpack的api，通过该函数可以获取一个上下文
MagnumHou·2024-08-28 03:17

alibaba cloud linux3+graalvm21+maven+nodejs+docker+jenkins2.440.1 线上环境配置自动打包部署构建前端项目

安装docker添加docker-ce的dnf源sudodnfconfig-manager--add-repo=https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo安装AlibabaCloudLinux3专用的dnf源兼容插件sudodnf-yinstalldnf-plugin-releasever-adapter--re
等一场春雨·2024-08-28 00:30

vue设置全局背景图_vue开发使用笔记

下面咱们一步一步地剖析下vuex的使用:首先要安装、使用vuex首先在vue2.0+你的vue-cli项目中安装vuex:npminstal
weixin_39629780·2024-08-27 22:19

vue2/3 - 实现高德地图根据位置经纬度获取天气信息，vue使用高德地图根据当前定位读取天气（温度、风向、风速等），可在地图上进行标记高亮展示天气信息，显示地图和查询天气（详细示例代码，复制即用）

效果图在vue2、vue3项目开发中，利用高德地图根据地理位置获取查询天气信息，详细vue高德地图根据经纬度或城市名获取天气数据，并在地图上标记气泡弹框式展示出来。
街尾杂货店&·2024-08-27 12:44

vue 循环 递归组件_vue2 递归组件--树形

递归组件，官方给的教程太简便了，根本看不出到底怎么用。于是自己查网摸索了一下，这儿只把核心思想写出来。效果如下图，点击后打开二级菜单，再点击后打开三级。//js//引子//思想：当v-if=‘false’时，循环时进行的。所以一开始就设置为false。ggg:{name:'gs',template:`我是p标签//这儿show必须要初始值为false，不然就是堆栈溢出，死循环。//这个是循环组件。
weixin_39650091·2024-08-27 10:56

【长文细说】20个ElementPlus核心组件以及使用技巧

ElementPlus是ElementUI的Vue3版本，ElementUI是一个广泛使用的Vue2组件库。
威哥爱编程（马剑威）·2024-08-27 09:24

自定义tabbar跳转防止页面抖动(uniapp案例,也适用所有前端项目)

自定义tabbar思路就是自己写个tabbar组件引入到tabbar页面内,使每个页面显示也会有这个组件显示,但是这样的话,每次点击由于tabbar是作为页面组件使用的,会跟着组件的渲染和销毁一起执行,导致每次页面显示就会有抖动效果,解决方式为:做一个主页面,将tabbar页面引入进去,同时把该tabbar对应的页面也引入进去,这样的话只需要一个页面执行显示和隐藏就行了,也不会导致tabbar组件
萧寂173·2024-08-27 05:29

vue3使用富文本

1、下载pnpminstall@wangeditor/editor@wangeditor/editor-for-vue2、引入和使用import'@wangeditor/editor/dist/css/
淑子啦·2024-08-27 02:43

Vue2 - 详细实现解析富文本内容生成侧边栏Toc目录索引，识别富文本内容根据标题h1~h6自动生成文章目录，点击目录导航时跳转到文章内容对应的锚点位置带过渡动画，鼠标滚动内容滑过锚点时高亮对应标题

在vue2|nuxt2项目开发中，详解实现“解析识别富文本内容，并在侧边栏动态生成文章目录”，对富文本内的h1~h6标题进行读取分析（可自定义要读取的标签，支持多级标题嵌套渲染），然后在指定位置生成渲染富文本对应的文章锚点目录
王佳斌·2024-08-26 17:03

创建前端项目中架构基本流程(vue版)

本文章根据黑马程序员《大事件管理系统.md》整理编辑，不涉及具体项目实现，只整理项目前期准备的流程，具体项目实现可bilibili搜索黑马程序员获取此文档梳理搭建vue项目的基本流程及相应模板的创建本项目的技术栈本项目技术栈基于ES6、vue3、pinia、vue-router、vite、axios和element-plus包管理器-创建项目使用npm，yard，pnpm进行创建项目，具体流程可去
小徐努力中·2024-08-26 15:50

vue2上传大文件到minio分片上传

项目中使用到的类库：spark-md5、axios、element-ui；npminstallspark-md5--Snpminstallaxios--S页面上传示例文件上传任务数：{{taskQueueRunningNum}}选择文件上传清空{{isPaused?'继续':'暂停'}}{{item.name}}{{transformByte(item.size)||item.size}}{{`$
zhou周大哥·2024-08-25 17:35

Vue2前端实现数据可视化大屏全局自适应 Vue实现所有页面自适应 Vue实现自适应所有屏幕

下面我将展示一个使用Vue2、Vuetify（一个基于MaterialDesign的VueUI框架）和Vuex（V
HuiRonmantic·2024-08-25 14:15

前端重点之：Vue+websocket通信详细用法和websocket心跳机制的使用，websocket断开实时监测，websocket实时通信

下面我将给出一个使用Vue2实现WebSocket连接的示例，并包括处理连
HuiRonmantic·2024-08-25 14:14

Vue-devtools 大揭秘：Vue3.X 和 Vue2.X 调试工具安装及使用指南

目录Vue-devtools介绍Vue2.X调试工具Vue-devtools的安装Vue2.X调试工具Vue-devtools的使用Vue3.X调试工具Vue-devtools的安装Vue3.X调试工具
前端基地·2024-08-25 10:21

vue3+ElementPlus之CSS深度访问选择器

当然vue3和vue2的区别不在本文
Bennett_G·2024-08-24 20:57

探秘Vue 3：watchEffect与watch选项的差异

打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录摘要：引言：正文：一、Vue2
阿珊和她的猫·2024-08-24 12:09

vue2 - 详细实现用户收货地址识别解析“姓名/手机号/省市区/街道/乡镇村庄“关键字，用户复制粘贴一段含有姓名电话/详细地址的文字文本信息，vue3自动识别拆分并填入到对应表单字段中，详细示例代码

效果图在vue2、nuxt2项目开发中，实现手机H5移动端网页/电脑PC端网站，“快递地址解析拆分姓名/电话/省市区地址/详细街道乡镇村庄”，提取文本内容中的手机号名称详细位置信息填充到指定表单或data
街尾杂货店&·2024-08-24 11:05

使用Vue 2 + Element UI搭建后台管理系统框架实战教程

Vue2作为一个成熟的前端框架，以其轻量级和高效著称，而ElementUI则是一套专为桌面端设计的Vue2组件库，它提供了丰富的UI元素和组件，大大简化了后台管理系统的开发过程。
不知名靓仔·2024-08-24 10:26

【avue+vue2+elementui】删除、rules、页面跳转、列表数据过长、日期dayjs

这里写目录标题一、删除二、rules1.格式2.`trigger:"blur"`和`trigger:"change"`区分三、页面跳转四、列表数据过长截断五、日期dayjs一、删除API/***删除.*@param{*}data*@returns返参*/exportconstdeleteOrder=(data)=>{returnrequest({url:'/api/Order/deleteOrde
傻傻有内涵的我·2024-08-24 09:51

【avue+vue2】avue-token,iframe,postmessage,3d按钮权限显隐，avue列表数据过长省略和tooltip，选择框不要勾选

目录一、avue字典+token二、3diframe三、postmessage四、3d按钮权限五、avue列表数据过长省略+tooltip六、选择框不要勾选（avue）一、avue字典+token{label:'车型',prop:'amrModelShowName',//width:130,span:20,labelWidth:'180',row:true,type:'select',align:
傻傻有内涵的我·2024-08-24 09:21

vue组件封装——公用基础table组件

ui框架用的element-ui；vue版本为vue2（2.5.17）baseTable组件table+pagination{{scope.row[column.prop]}}exportdefault
h_jQuery·2024-08-24 06:27

Jenkins实现前端项目自动化构建

一、基础环境准备前端代码是通过Gitlab管理、通过npm编译，因此必须先安装Git以及搭建nodejs环境。1.Git安装及Gitlab账号配置①安装Gitbashyuminstallgit-y#安装gitgit--veriosn#验证是否安装成功安装完成后测试git是否安装成功，若安装成功会返回版本号，如：gitversion1.8.3.1。不同于Java或一些其他插件，Git安装完成后，可以
测试界筱筱·2024-08-24 03:09

vue3什么场景使用computed?如何使用

比如说，我们有这样一个包含嵌套数组的对象：jsconstauthor=reactive({name:'JohnDoe',books:['Vue2-AdvancedGuide','Vue3-BasicGuide
fury_123·2024-08-23 23:42

若依/vue2引入threejs展示glb/gltf模型，以及画布截图功能

需求背景：前端对glb/gltf模型进行线上管理，支持上传本地模型，每次上传后展示模型，在提交给后端的时候带上该模型的截图，具体效果不便展示，相关代码如下：1.安装依赖//"three":"^0.162.0",npminstallthree2.引入依赖，初始化画布并渲染模型//1.引入import*asTHREEfrom"three";import{OrbitControls}from"three
怎么吃不饱捏·2024-08-23 18:40

vue面试题十六

**一、Vue3相对于Vue2有哪些主要改进和新增特性？**Vue3相对于Vue2在多个方面进行了显著的改进和新增了多项特性，这些改进旨在提升性能、提供更好的开发体验以及增强代码的可维护性和可读性。
笃励·2024-08-23 17:35

十五分钟两百行代码，手写一个vue项目全局通用的弹框

所以我们可以抽离封装出一个通用的弹框；因为vue3可向下兼容，所以作者这边会使用vue2的写法，vue3写法大同小异。
山里看瓜·2024-08-23 12:34

若依AI(VUE3 个人学习记录--更新中)

环境搭建1.若依Vue前后端代码拉取前端仓库地址：https://gitee.com/ys-gitee/RuoYi-Vue3后端仓库地址：https://gitee.com/y_project/RuoYi-Vue2
涉世尚浅哇·2024-08-23 04:44

vscode 配置vue3模板，快速生成vue2,vue3代码

配置vue模板vue3模板vue2模板vue3模板1.找到配置用户代码片段2.输入你想配置的模板名模板名.json因为我已经配置过了，所以输入时已经显示出来了3.配置模板{"Print5toconsole
又双叒叕778·2024-08-23 00:50

css穿透样式：deep的用法

在Vue3中，我们可以使用::v-deep来替代Vue2中的>>>或::v-deep(在单文件组件的中)。::v-deep允许我们选择子组件中的深层嵌套元
番茄小酱001·2024-08-23 00:17

微信小程序vue3父组件调用vue2子组件传多个参数方法

vue3父组件调用vue2子组件传参数1.vue3父组件添加车牌号</div
儿鱼·2024-08-22 22:07

【可视化大屏系列】DataV的使用

可视化大屏开发系列——DataV的使用一、介绍二、注意事项1、技术支持2、兼容性3、状态更新三、实现效果四、使用（在vue2项目中）1.npm安装2.main.js中引入3.开启愉快地玩耍（1）全屏容器
元气满满的大咸鱼·2024-08-22 22:06

Vue2如何引入Echarts

目录一、NPM下载Echarts二、引入Echarts组件库三、使用Echarts一、NPM下载Echartsnpminstallecharts-S二、引入Echarts组件库//引用Echartsimport*asechartsfrom'echarts';Vue.prototype.$echarts=echarts;三、使用Echarts基础仪表盘exportdefault{created(){
Monly21·2024-08-22 19:52

Vue 3 watchEffect教程

watchEffect的基本使用引入watchEffect使用watchEffectwatchEffect的高级用法响应特定响应式状态执行副作用的清理使用watchEffect作为响应式引用watchEffect与Vue2
道长不会写代码·2024-08-22 07:36

【vue3】组件通信

一、Vue3组件通信和Vue2的区别：●移出事件总线，使用mitt代替。●vuex换成了pinia。●把.sync优化到了v-model里面了。
逆旅行天涯·2024-08-22 03:09

npm 搭建 Vite 项目

npm6.xnpminitvite@latestmy-vue-app--templatevue#npm7+,需要额外的双横线：npminitvite@latestmy-vue-app----templatevue2
渺小的虫子·2024-03-29 08:42

百度地图的使用(js，vue2，vue3)

百度地图的使用创建应用获取密钥akak是在百度地图开发者平台申请的密钥详见http://lbsyun.baidu.com/apiconsole/key一、原生js使用百度地图引入初始化地图varmap=newBMapGL.Map("container");//创建地图实例varpoint=newBMapGL.Point(116.404,39.928);//创建点坐标map.centerAndZoo
Nancy哇·2024-03-24 17:36

拖拽插件的使用（vue-draggable-resizable）

拖拽功能使用插件（vue-draggable-resizable）用于可拖动和可调整大小元素的Vue2组件。
Nancy哇·2024-03-24 17:35

Yarn 管理的前端项目转换为使用 npm

如果你想将一个使用Yarn管理的前端项目转换为使用npm，你需要执行一些步骤来确保成功迁移。以下是一种可能的方法：步骤：备份项目：在执行任何更改之前，确保你对项目进行了备份。
577wq·2024-03-24 04:20

v-for 和 v-if 在相同元素上存在优先级的问题

在真实项目中，强烈不建议v-for和v-if作用在相同的元素上，因为存在优先级的问题Vue2中:v-for的优先级高于v-if，如果作用在相同元素上，很可能出现刚创建就被销毁「浪费性能」!
六加六呀·2024-03-19 19:02

Vue3 使用Pinia 存入与取出数据

Pinia简介Pinia就是一个实现了上述需求的状态管理库，由Vue核心团队维护，对Vue2和Vue3都可用。现有用户可能对Vuex更熟悉，它是Vue之前的官方状态管理库。
海鸥两三·2024-03-16 12:47

【CSS】Vue2使用TailwindCSS方法及相关问题

一.安装1.npm安装TailwindCSSnpminstalltailwindcss@npm:@tailwindcss/postcss7-compat@tailwindcss/postcss7-compatpostcss@^7autoprefixer@^92.创建配置文件npxtailwindcssinit3.创建postcss.config.js文件//postcss.config.jsmod
SZnA1·2024-03-15 09:08

Vue3：watch监视的5种情况

一、情景说明在Vue2中，watch的用法如下https://blog.csdn.net/Brave_heart4pzj/article/details/135604394这一篇，来学习Vue3中的watch
生产队队长·2024-03-15 07:34

vue2 elementui 封装一个动态表格复杂组件

在Vue2和ElementUI中封装一个动态表格组件意味着要创建一个组件，它能够根据传入的数据和配置动态地生成表格，并支持排序、筛选、分页等功能。
A 风·2024-03-12 12:00

探索vue2框架的世界：关于vue2.x的性能优化和常见的白屏原因

在本篇文章中，博主总结了一些常见的vue2框架性能优化方法和项目启动出现白屏的原因，还望走过路过的同行和大神们点赞关注,多多指教，用你们发财的小手给予博主大大的鼓励。
@德玛玩前端·2024-03-11 14:44

Nodejs运行vue项目时，报错：Error: error:0308010C:digital envelope routines::unsupported

前端项目使用(npmrundev)运行vue项目时，出现错误：Error:error:0308010C:digitalenveloperoutines::unsupported经过探索，发现问题所在，主要是
softshow1026·2024-03-11 14:43

vue3速查笔记

文章目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2
一只小白菜~·2024-03-11 12:40

Webpack配置与运行基础教程

在前端开发中，Webpack是一款非常流行的模块打包工具，它可以帮助我们将多个文件打包成一个或多个静态资源文件，从而提高前端项目的性能和可维护性。
猿小白klp·2024-03-09 03:28

前端项目中的字典封装

有时候在开发的过程中会遇到某个字段等于多种值，不同值表示不同的意思。如下案例：bindingAcctType=DEBIT是借记卡，=CREDIT是贷记卡，=PUBLIC是对公账户等等情况如果是我刚入行的时候可能是下面这种写法。functiongetTypeName(type:string){returntype==='DEBIT'?'借记卡':type==='CREDIT'?'贷记卡':'对公账户
新时代农民工--小明·2024-03-08 13:08
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他