web前端-vue 第3页

Vue Router push方法的使用

VueRouterpush方法的使用this.$router.push是VueRouter提供的一个方法，用于在Vue.js应用中进行编程式导航。它的作用是将用户导航到应用中的不同路由。

hzw0510·2024-09-14 07:47

vue中给打包的文件指定自定义文件名以及加上哈希值解决每次打包上线存在缓存问题

vue中给打包的文件指定自定义文件名以及加上哈希值解决每次打包上线存在缓存问题vue.config.jsvue.config.jsconstport=process.env.port||8081//端口

miao_zz·2024-09-14 06:35

vue前端根据接口返回的url 下载图片

downloadPicture(imgSrc,name){constimage=newImage();//解决跨域Canvas污染问题image.setAttribute("crossOrigin","anonymous");image.src=imgSrc;image.onload=()=>{constcanvas=document.createElement("canvas");canvas.

爱心觉罗晓宇·2024-09-14 04:27

GIN日志和日志格式

前言感谢开源项目gin-vue-admin，以及1010工作室的教程，项目文档我只是在跟着学习，然后记录下笔记而已，可能会有新的代码加入，但是本质还是跟着学习的一个过程。

一叶知秋@qqy·2024-09-14 03:50

vue2与vue3的区别

1.vue2和vue3响应式原理发生了改变vue2的响应式原理是利⽤es5的⼀个API，Object.defineProperty()对数据进⾏劫持结合发布订阅模式的⽅式来实现的。

longfan_·2024-09-14 03:19

组件通信——provide 和 inject 实现爷孙组件通信

provide和inject实现爷孙组件通信介绍provide和inject是Vue.js提供的一种在组件之间共享数据的机制，它允许在组件树中的任何地方注入依赖项。

你不讲 wood·2024-09-14 03:17

vue组件通信，点击传值，动态传值（父传子，子传父）

在Vue中，实现组件间的传值或者是在同一组件内不同元素间（如按钮与某些数据）的交互，通常会使用props、事件（自定义事件）、Vuex（状态管理）、或是Provide/Inject等方式。

软件技术NINI·2024-09-14 02:45

【前端】Vue服务器端渲染之Nuxt

1.什么是服务器端渲染后端先调用数据库，获得数据之后，将数据和页面元素进行拼装，组合成完整的html页面，再直接返回给浏览器，以便用户浏览。总结：数据填充在服务器端进行，就是服务器端渲染什么是客户端渲染数据由浏览器通过ajax动态获得，再通过js将数据填充到dom元素上最终展示到网页中，这样的过程叫做客户端渲染。总结：数据填充在客户端进行，就是客户端渲染服务器端渲染vs客户端渲染服务器端渲染需要消

irenb·2024-09-14 02:55

vue.js在js里获取属性，触发vue.js内的方法

在script标签内把appVue设置varvarappVue=newVue({})appVue不能跨标签也就是说不能这样写varappVue=newVue({})console.log(appVue)

摸鱼的张三·2024-09-14 02:10

一个正经的前端学习开源仓库(第1天）

低调务实优秀中国好青年(简介)&&附加答案https://github.com/webVueBlog/Leetcode√-“三十年河东，三十年河西，莫欺少年穷”一个☝️正经的前端学习开源仓库，启发来自淘宝大佬

掘金-我是哪吒·2024-09-14 02:40

web前端达到什么水平，才能找到工作？

一、前端是什么？前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。（核心技术：HTML、CSS、JavaScript）核心技术是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义

cj瑾瑜·2024-09-14 01:05

Vue 图片预览功能实现指南

本文将详细介绍如何在Vue.js应用中实现图片预览功能，包括基本实现、进阶功能、与ElementUI的集成、常见优化技巧以及与其他库的结合使用。

繁依Fanyi·2024-09-14 00:28

springboot宠物咖啡馆平台的设计与实现

运行环境环境说明:开发语言:java框架:springboot，vueJDK版本:JDK1.8数据库:mysql5.7+(推荐5.7，8.0也可以)数据库工具:Navicat11+开发软件:idea/eclipse

然然学长·2024-09-14 00:57

JavaScript 中 xml 的解析（dom4j 解析器），web前端开发规范手册

创建元素：Elementschool=DocumentHelper.createElement(“school”);创建文本：school.addText(“光明小学”);指定位置添加：list.add(1,school);回写xml：和在末尾添加一样7、获取属性值attributeValue()：获取属性值publicstaticvoidmain(String[]args)throwsDocum

2401_84094868·2024-09-14 00:55

前后端分离，Asp.net core webapi 如何配置跨域

前言可以说，前后端分离已经成为当今信息系统项目开发的主流软件架构模式，微服务的出现，让前后端分离发展更是迅速，大量优秀的前端框架如vue.js、react的出现，也让前后端分离趋势加快。

代码掌控者·2024-09-13 23:53

Uni-app 开发微信小程序

Uni-app作为一种跨平台的开发框架，使用Vue.js语法，能够方便快速地开发出微信小程序、H5、App等多端应用。

vvvae1234·2024-09-13 23:20

前后端时间转换的那些常见问题及处理方法

在现代的Web开发中，前后端分离的架构已经成为主流，尤其是在SpringBoot和Vue.js的组合中。开发者在这种架构下经常遇到的一个问题就是如何处理时间的转换和显示。

繁依Fanyi·2024-09-13 21:13

使用Spring Boot开发一个准妈妈交流平台

2.技术选型前端：可以选择React、Vue或Angular等现代JavaScript框架。后端：使用SpringBoot作为后端框架。数

BABA8891·2024-09-13 19:34

Vue + Django的人脸识别系统

最近在研究机器学习，刚好最近看了vue+Djangodrf的一些课程，学以致用，做了一个人脸识别系统。项目前端使用Vue框架，用到了elementui组件，写起来真是方便。

DXSsssss·2024-09-13 19:28

【React】MobX

概述mobx实现像vue一样声明式的修改数据，我们在项目中直接使用mobx+mobx-react。

小秀_heo·2024-09-13 18:54

Django+Vue基于OpenCV的人脸识别系统的设计与实现

目录1项目介绍2项目截图3核心代码3.1需要的环境3.2Django接口层3.3实体类3.4config.ini3.5启动类3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍

赵广陆·2024-09-13 18:52

vue3 el-message组件封装

背景在封装请求拦截器时，使用ElMessage进行弹窗提示成功或失败，但是如果页面用到多个接口，这时就会导致页面出现很多弹窗，导致用户体验不好，有可能出现卡顿现象。这时就需要进行一些判断，如果前面的ElMessage还没关闭并且类型是一致的就return，不再弹窗提示，类型不一致时就要弹窗提示类似下面的代码使用elmentui或者element-plus的时候，使用里面的弹窗组件，在同一按钮多次点

小白小白从不日白·2024-09-13 17:20

vue如何获取一个元素的基本信息

PS：代码全部使用Vue3和setup语法糖来写的首先准备HTML结构点击该元素的相关信息获取Vue部分import{onMounted,ref}from"vue";constmyElement=ref

LJ小番茄·2024-09-13 16:11

ref 和 reactive 区别

前言ref和reactive是Vue3中响应式编程的核心。在Vue中，响应式编程是一种使数据与UI保持同步的方式。当数据变化时，UI会自动更新，反之亦然。

有一个好名字·2024-09-13 16:40

【前端】vue+html+js 实现table表格展示，以及分页按钮添加

一.问题描述数据条数太多显示到页面上时可能会渲染较慢，因此需要截取数据进行展示。二.代码写法思路：按照上述图示思路，需要有两个数据列表，一个存储的是所有的列表数据，一个存储的是展示的数据列表，程序开始后先选择数据头部的几条数据。因此也会需要一个当前第几页的参数。2.1代码展示html部分v-for展示列表，以及两个按钮对当前页面进行选择。{{item.name}}上一页{{currentPage}

Loong_DQX·2024-09-13 16:40

Vue3+TypeScript频谱跳动算法（附vue2+JavaScript）

以下为Vue3+TypeScript频谱跳动算法只需要调用下列方法即可实现，并且设置定时器。

I like Code?·2024-09-13 15:36

重磅算法：通信设备虚拟仿真-波形根据频率、带宽变化算法（Vue3+typescript）结尾附vue2+JavaScript

以下为Vue3+typescriptconstpointSpacing=ref(0);constupdateInterval=ref(undefined);//更新图表数据的函数constUpdateChartTest

I like Code?·2024-09-13 15:36

provider和inject跨层数据传递

⑧provider和inject跨层数据传递1）provider顶层组件通过该函数提供数据2）inject底层组件通过该函数获取数据dowen.vue底层组件代码import{inject}from'vue

DngYT·2024-09-13 15:34

vue.config.js 配置

vue.config.js文件是VueCLI项目中的全局配置文件，它允许你以JavaScript的形式来配置构建选项，而不是通过命令行参数或者.vue-clirc的JSON格式。

你不讲 wood·2024-09-13 15:02

cross-plateform 跨平台应用程序-06-uni-app 介绍

whatuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一次代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/京东

知识分享官·2024-09-13 14:29

iframe 双向实时通信

父：handleAdd()">按钮{{count}}import{onMounted,ref}from"vue";constcount=ref(0);consthandleAdd=()=>{count.value

徐同保·2024-09-13 12:45

Vue3 的 shallowRef 和 shallowReactive：优化性能

大家对Vue3的ref和reactive都很熟悉，那么对shallowRef和shallowReactive是否了解呢？

代码里的小猫咪·2024-09-13 12:43

uniapp微信小程序如何实现每个页面都可以点击右上角分享朋友圈和好友？

创建一个js文件里面如下importVuefrom'vue'exportdefault{computed:{},onShow(){//分享到朋友圈一定要在onShow中wx.showShareMenu(

爱吃玉米的螃蟹·2024-09-13 11:40

Vue预览word、excel、pdf

之前也有写过两篇预览pdf的，但好像还没写过预览word和excel的，但是这次的预览pdf和之前的三个又不一样！使用pdfobject预览pdf，

会说法语的猪·2024-09-13 11:09

uniapp实现下拉刷新

path":"pages/ces/index","style":{"navigationBarTitleText":"下拉刷新测试","enablePullDownRefresh":true}},}在.vue

十一吖i·2024-09-13 11:09

vue3.0+echarts 嵌套数据的饼图并有联动效果

想要实现的效果:1、默认选中外层的第一个。2、点击外层的饼图，里层的饼图实时变动。3、始终保持外层饼图有选中的状态效果如下：实现如下：1、数据结构letchartsArray=[{name:'外层1',value:2,selected:true,children:[{name:'内层1-1',value:3,},{name:'内层1-2',value:4,},{name:'内层1-3',value

hehe-呵呵·2024-09-13 10:08

vue+threeJS示例（001）: 不断翻转的立体箱体

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第001个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共88行）一、示例效果图二、示

还是大剑师兰特·2024-09-13 10:37

VUE在线预览word、pdf、excel等文档

url=(需要在线查看的文档地址)vue代码window.open('http://www.pfile.com.cn/api/profile/onlinePreview?

菜鸟程序猿、·2024-09-13 10:07

vue 预览 word_vue预览word

//将file转为bufferletfr=newFileReader();fr.readAsArrayBuffer(content.file);fr.addEventListener("loadend",(e)=>{console.log("loadend---->",e)letbuffer=e.target.result;this.docxRender(buffer);},false);}//"

2401_84437530·2024-09-13 10:05

uniapp对tabbar封装，简单好用

第一种，效果展示上代码，新建一个公用组件，tabbar.vue微信通讯录发现-->{{num}}发现我的exportdefault{name:"tabbar",data(){return{num:2,value

爱吃玉米的螃蟹·2024-09-13 10:34

周末写点东西都是很困难的

看了一下VueCLI，也看了看阮大神写的webpack教程。webpack是一直想详细掌握的工具，需要系统学。

焦糖大瓜子·2024-09-13 09:18

Vue3: Node安装下载

目录一.Node网站链接二.安装node三.查看node安装是否成功一.Node网站链接Node.js中文网(nodejs.cn)下载20.17.0文档（长期支持版本）二.安装node一直next三.查看node安装是否成功安装成功后cmd打开本机终端，输入node查看是否安装成功。

QGC二次开发·2024-09-13 09:28

vue对话框禁止后面页面滚动条滚动的解决方式

转载https://www.cnblogs.com/mxl123/p/11818125.htmlstopSrcoll(){varmo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},open

小橘碎碎记·2024-09-13 07:48

vue如何禁止弹窗后面的滚动条滚动？

methods:{//禁止滚动stop(){varmo=function(e){e.preventDefault();};document.body.style.overflow=‘hidden’;document.addEventListener(“touchmove”,mo,false);//禁止页面滑动},/取消滑动限制/move(){varmo=function(e){e.preventD

IT侠客行·2024-09-13 07:16

Vue使用query传参Boolean类型，刷新之后转换为String问题

做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；vue-router传参，不管是params形式还是query形式传参，在页面刷新后

codeMing_·2024-09-13 07:14

vue3点击出现弹窗后背景变暗且不可操作

文章目录实现vue3点击出现弹窗后背景变暗且不可操作一、手写遮罩层方法1.效果2.代码3.代码分析4.改进4.将背景遮罩层封装成组件使用二、quasar方法实现vue3点击出现弹窗后背景变暗且不可操作一

不知-_·2024-09-13 06:13

6 vue-cli初步

1.安装node.js下载安装node.js，一路默认安装即可，安装完毕，启动命令行，输入命令node-v，可以看到node.js的版本号image.png2.安装vue-cli使用npm（需要安装node

洋baby·2024-09-13 06:06

Node.js 、Yarn、npm、Vue、Vite、Webpack 前端一套流程

前端项目的搭建Vue、Vite、Webpack、Yarn、Node.js和npm的概念解释，以及它们之间的关系：Node.js：一个开源、跨平台的JavaScript运行时环境，可以让JavaScript

叫我DPT·2024-09-13 06:09

关于在vue2中使用el-tree的记录

此文章会持续更新在使用el-tree过程中应用到的功能...先看此效果：html：//自定义节点内容//此处if判断是让最后一个节点使用自定义的图标{{data.label}}({{data.children.length}}){{data.label}}data:[{label:'菏泽市',children:[{label:'东明县',children:[{label:'xxx1',},{lab

又写了一天BUG·2024-09-13 04:55

推荐频道

web前端-vue