前端学习之路—Vue 第81页

vue实现动态路由俩种方式

创建文件目录在router文件中引入一级路由以及详情页路由importVuefrom"vue";importVueRouterfrom"vue-router";importHomefrom"..

码上流星&洒下星辰·2024-02-05 08:36

axios传 file文件（多文件上传）

代码背景：vuecli4“axios”:“^0.21.0”,传file文件的时候，需要用formData代码只是说明，仅供参考letformDatas=newFormData();//多文件上传的时候，

siwangdexie_new·2024-02-05 08:36

electron获取元素xpath、pc端网页展示获取到的xpath、websocket给两端传值

创建子窗口并且setBrowserView到主窗口，子窗口默认加载error.html3、如果获取到了url，就加载url4、获取xpath并传递二、electron通过websocket传递消息三、vue

siwangdexie_new·2024-02-05 08:33

Vue 实现动态路由

Vue实现动态路由Vue中实现动态路由主要涉及到两个方面：一是路由的动态添加，二是基于路由的参数变化来动态渲染组件。这通常在使用VueRouter时进行配置和实现。

正宗咸豆花·2024-02-05 08:02

Vue的组件（2）

目录自定义事件的监听和触发内容分发1、基础用法：2、后备内容：3、具名插槽：4、作用域插槽混入1、基础用法：2、选项合并：3、全局混入动态组件1、基础用法：2、keep-alive父组件通过使用prop为子组件传递数据，但如果子组件要把数据传递回去，就需要自定义事件来实现。自定义事件的监听和触发父组件可以像处理DOM事件一样通过v-on监听子组件实例的自定义事件，而子组件可以通过调用内建的$emi

轮孑哥·2024-02-05 08:30

Vue基础（混入mixin、组件component、动态组件、组件通信传值/父子通信等、生命周期）

明确需求说明：后期是多个页面，每个页面都newVue因此：就会出现举例普通方法冗余同一段代码写了多次解决：通过混入（mixin）从而提高代码复用性，减少冗余语法###局部const变量={data

菜鸟_小卡酷谋·2024-02-05 08:00

springboot毕设项目基于springboot的美食分享网站iz252（java+VUE+Mybatis+Maven+Mysql）

springboot毕设项目基于springboot的美食分享网站iz252（java+VUE+Mybatis+Maven+Mysql）项目运行环境配置：Jdk1.8+Tomcat8.5+Mysql+HBuilderX

计算机毕设杨学长·2024-02-05 08:29

IDEA集成vue

1.打开IntellIJIDEA的Plugins窗口,在查询框输入vue。12.点击右边的安装按钮。

Java_xiaoman·2024-02-05 08:40

基于springboot和vue实现地方美食分享网站演示【附项目源码】

基于springboot和vue实现地方美食分享网站演示开发语言：Java框架：springbootJDK版本：JDK1.8服务器：tomcat7数据库：mysql5.7数据库工具：Navicat11开发软件

大雄是个程序员·2024-02-05 08:27

【毕业设计】springboot基于vue的地方美食分享网站(源代码+论文）

这两年开始毕业设计和毕业答辩的要求和难度不断提升，传统的理念缺少创新和亮点，往往达不到毕业答辩的要求，这两年不断有学弟学妹告诉学长自己做的各类系统很难达到老师的要求。为了大家能够顺利并以最少的精力通过毕设，学长分享优质毕业设计项目，需要的自取。目录1.说明2.系统设计2.1软件功能模块设计2.2数据库设计2.2.1概念模型设计3.系统详细设计3.1系统功能模块5.2管理员功能模块5.3用户功能模块

宇瑞毕设程序·2024-02-05 08:57

解决prettier和eslint冲突详细配置

这是我的vscode设置，主要是设置vetur里对vue文件各部分的校验工具。解决问题的话就给我点个赞吧！

IT_Ping·2024-02-05 08:57

vue2混入声明组件、交互流程

vue2中可以使用混入，在当前页面中将混入中声明的组件进行注入写法父组件声明混入文件：importmixComponentfrom"@/mixins/mixComponent"exportdefault

合格的程序员·2024-02-05 08:56

CSS基础知识总结

前言：学习Vue要求要有中级的html,css和js的基础，来补一下css的基础一、CSS简介1.1页面美容师功能：美化网页，布局页面CSS：层叠样式表，标签语言最大价值：让HTML专心去做结构，结构（

究极小白本人·2024-02-05 08:41

Django+vue自动化测试平台（4）-- Apscheduler定时任务

体验地址：http://1.12.224.200/账号：test密码：test安装Apschedulerpip命令自行查询相关内容即可Django模型任务模型：#任务classTask(models.Model):task_name=models.CharField("任务名称",max_length=255,null=False)task_case=models.CharField("接口任务列

测试小老弟·2024-02-05 08:11

如何在vue中使用golden-layout

在Vue中使用golden-layout，需要先安装golden-layout和vue-golden-layout这两个库。

程序猿小野·2024-02-05 07:51

基于微信小程序的医保行政执法案件管理系统

前端开发:vue小程

QQ_402205496·2024-02-05 07:44

谷粒商城-前端基础

AutoCloseTagAutoRenameTagChineseESlintHTMLCSSSupportHTMLSnippetsJavaScriptES6LiveServeropeninbrowerVeturVue2Snippets

✿ﾟ卡笨卡·2024-02-05 07:42

reactive 与 ref 的区别

在Vue.js中，reactive是Vue3引入的一个新的API，用于创建响应式对象。这种方法是CompositionAPI的一部分，它提供了一种更灵活的方式来组织和重用逻辑。

weixin_45782719·2024-02-05 07:12

vue3.x 英文转换从简体中文

对于AntDesignVue4.x版本（适用于Vue3），想要设置中文简体语言环境，确保你已经遵循以下步骤：引入LocaleProvider并设置Locale从AntDesignVue3.x版本开始，它支持使用

weixin_45782719·2024-02-05 07:12

【跨域】springBoot + VUE解决跨域问题几种处理方案

一：为什么会出现跨域问题？出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议

随意石光·2024-02-05 07:41

proxy代理解决vue中跨域问题

一，为什么产生跨域出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（pro

w宇宙王·2024-02-05 07:10

Vue中跨域问题的解决

目录1跨域的概念2解决办法2.1修改请求实例的公共前缀2.2修改vite.config.js文件1跨域的概念由于浏览器的同源策略限制，向不同源(不同协议、不同域名、不同端口)发送ajax请求会失败2解决办法原理：使得浏览器向两个端口发送请求和接手请求，变成了浏览器只和前端端口交互，后端与前端交互。2.1修改请求实例的公共前缀假如你有个请求的实例如下：//其它代码constbaseURL='http

厂里英才·2024-02-05 07:09

(十一)ATP应用测试平台——使用vue-video-player视频播放组件实现网页视频流的播放案例实战

前言在网页中播放视频也是我们经常要使用到的功能，例如设备监控的视频流实时播放，MP4、m3u8等视频资源播放等等，在vue项目中，我们可以使用目前封装好的开源组件vue-video-player实现上述的要求

厉害哥哥吖·2024-02-05 07:36

(十二)ATP应用测试平台——关于vue中Vue-Quill-Editor、Mavon-Editor、Tinymce等多种富文本编辑器的集成使用

前言本节我们主要介绍几种在vue项目中使用较为广泛的富文本编辑器，其中主要包括Vue-Quill-Editor、mavon-editor以及tinymce等的集成及使用。

厉害哥哥吖·2024-02-05 07:36

Vue+Nuxt自定义弹窗|vue.js仿微信/ios弹层组件

VPopup基于Vue.js构建的轻量级移动端弹出框组件一款融合了Vant、NutUI等热门Vue组件库中的Popup弹层、Dialog对话框、Toast提示框、ActionSheet动作面板框、Notify

xiaoyan_2018·2024-02-05 07:51

从零开始搭建4G DTU设备对应的云平台（二）

前端使用vue，后端用springboot+kotlin+mybatis+mysql。

酱小油·2024-02-05 07:49

Jenkins升级后，项目配置界面重复问题解决

引言公司的Jenkins是18年部署的，已经是很老的版本了，因为里面项目比较多，怕更新版本会存在问题，就迟迟没有更新；这段时间，由于研发的vue的版本用了最新的，构建总是出现问题，也不可能要求每一个研发把

哈(*^o^*)哈·2024-02-05 06:56

"export 'default' (imported as 'Vue') was not found in 'vue'

引入ant-desing-vue中一开始按照官网ant-desing-vue在vue-cli3中使用的要求进行，后续安装和初始化文成后修改src/main.js，引入antd的按钮组件以及全部样式文件就照搬了以下内容

鱼干儿·2024-02-05 06:34

vue2 el-form 两个时间框（第一个时间框是只能选择当前时间，之前的是不允许选择，第二个时间框是第一个时间的当前的时间后30天后可以选择的）

{{JSON.stringify(form,null,2)}}importdayjsfrom'dayjs'exportdefault{name:'App',data(){return{pickerOptions:{disabledDate:(time)=>{returntime.getTime()

圆脸喜欢吃菠萝·2024-02-05 06:19

vue2 el-table新增行内删除行内（两种写法）里面第一个是树组件，第二个是数字组件，第一个数组件只能勾选最后一个节点

第一种新增*所属产品(集成选非产线){{scope.row.productId}}{{`请填写所属产品`}}{{scope.row.productId}}*产品金额{{scope.row.productMoney|currencyFormat}}{{`请填写所属金额`}}-->${{scope.row.productMoney|currencyFormat}}删除importinputNumber

圆脸喜欢吃菠萝·2024-02-05 06:13

基于Vue+node.js的宿舍管理系统的设计与实现--80331(免费领源码、附论文）可做计算机毕业设计JAVA、PHP、爬虫、APP、小程序、C#、C++、python、数据可视化、大数据、全套文

node.js宿舍管理系统摘要信息化社会内需要与之针对性的信息获取途径，但是途径的扩展基本上为人们所努力的方向，由于角度存在偏差，人们经常能够获取不同类型的信息，这也是技术最为难以攻克的课题。针对宿舍管理系统等问题，对宿舍管理系统进行研究分析，然后开发设计出宿舍管理系统以解决问题。宿舍管理系统主要功能模块主要包括管理员和学生用户及宿管人员三大模块的实现，主要实现功能模块有：系统用户管理、宿舍楼信息

vx_BS81330·2024-02-05 06:39

基于Vue+node.js的宿舍管理系统+80331（免费领源码）可做计算机毕业设计JAVA、PHP、爬虫、APP、小程序、C#、C++、python、数据可视化、大数据、全套文案

node.js宿舍管理系统摘要信息化社会内需要与之针对性的信息获取途径，但是途径的扩展基本上为人们所努力的方向，由于角度存在偏差，人们经常能够获取不同类型的信息，这也是技术最为难以攻克的课题。针对宿舍管理系统等问题，对宿舍管理系统进行研究分析，然后开发设计出宿舍管理系统以解决问题。宿舍管理系统主要功能模块主要包括管理员和学生用户及宿管人员三大模块的实现，主要实现功能模块有：系统用户管理、宿舍楼信息

bysjwa813·2024-02-05 06:04

vue3+threejs+koa可视化项目——模型文件上传(第四步)

文章目录⭐前言往期node系列文章threejs系列相关文章vue3+threejs系列⭐koa后端文件上传(koa-body)自动创建目录自定义目录上传apifox自测上传接口⭐vue3前端上传模型文件

yma16·2024-02-05 06:33

vue3.0中从proxy中取值

使用vue3.0时，因为底层是使用proxy进行代理的所以当我们打印一些值的时候是proxy代理之后的，是Proxy对象，Proxy对象里边的[[Target]]才是真实的对象。

天外天-亮·2024-02-05 06:14

springboot156基于SpringBoot+Vue的常规应急物资管理系统

基于SpringBoot+Vue的常规应急物资管理系统的设计与实现摘要1ABSTRACT2第一章绪论31.1研究背景31.2研究意义31.3国内外研究现状41.3.1国外研究现状41.3.2国内研究现状

CV工程师HYJones·2024-02-05 05:34

springboot155基于JAVA语言的在线考试与学习交流网页平台

CV工程师HYJones·2024-02-05 05:33

springboot154基于Spring Boot智能无人仓库管理

CV工程师HYJones·2024-02-05 05:32

vue之生命周期函数新闻分页页码生成

这就需要用到生命周期函数了vue实例在创建的过程中经历了一系列的过程数据监听编译模板挂载dom监听dom变化更新视图等等这里面有一系列函数处理（生命周期函数）只要在代码里面写上生命周期函数在该阶段就会执行里面的代码下面看下页面加载时就显示图书列表更改代码如下在

在路上phper·2024-02-05 05:09

【Django开发】美多商城项目第3篇：用户注册和图片验证码开发（附代码，文档已分享）

采用Django+Jinja2模板引擎+Vue.js实现前后端逻辑，Nginx服务器（反向代理）Nginx服务器（静态首页、商品详情页、uwsgi服务器（美多商场业务场景），后端服务：MySQL、Redis

程序员一诺·2024-02-05 05:52

vue3中watch监听的使用方式

vue3中使用watchaaabbbcccimport{ref,watch,reactive}from'vue';exportdefault{setup(){//constmytext=ref("")constselect

葫芦娃y·2024-02-05 04:37

vue3中如何使用pinia,两种模式

使用方式一一、安装pinia,并在main.js引入npminstallpinia//main.jsimport{createPinia}from'pinia'varapp=createApp(App)app.use(createPinia())//注册pinia插件app.mount('#app')二、创建store创建文件tabbarStore.js//tabbarStore.js//用于隐藏

葫芦娃y·2024-02-05 04:37

找不到模块“vue-router”或其相应的类型声明。ts(2307)

场景：新建了一个项目：vue3+ts。

有蝉·2024-02-05 04:36

vue3：23—自定义hooks

正是因为有了hooks，组合式才发挥出了威力其实hooks和vue2中的mixin有点类似，但是相对mixins而言，hooks更清楚复用功能代码的来源,更清晰易懂。

有蝉·2024-02-05 04:34

【文件增量备份系统】前端项目构建

文章目录创建项目安装项目依赖引入elementplus组件下载组件在main.js中使用组件测试整合路由router下载组件创建路由管理器`index.js`使用路由App.vue上面使用测试整合axios

Hello Dam·2024-02-05 04:57

5个.NET开源且强大的快速开发框架（帮助你提高生产效率）

中台Admin（Admin.Core）中台Admin（Admin.Core）是前后端分离权限管理系统，前端UI基于Vue3开发，后端Api基于.NET8.0开发。

追逐时光者·2024-02-05 04:23

Vue实现视频播放

组件函数data(){return{playOptions:{height:"200px",width:"100%",playbackRates:[1.0,2.0],//可选的播放速度autoplay:false,//是否自动播放muted:true,//默认情况下静音播放loop:false,//是否视频一结束就重新开始preload:"auto",//建议浏览器在加载元素后是否应该开始下载视频

米兰的小铁匠~·2024-02-05 04:45

springboot+vue实现excel导出

后端导入pom依赖xcn.afterturneasypoi-spring-boot-starter4.2.0Entity实体类这里以User为例，可按照自己实际情况进行修改@Excel：著名为导出字段@ExcelIgnore：忽略导出字段@Data@AllArgsConstructor@NoArgsConstructorpublicclassUserextendsAccountimplements

米兰的小铁匠~·2024-02-05 04:14

父子组件的通信--父传子

1.不用语法糖的方式先创建父子组件的构造器子组件父组件/*子组件构造器*/constcpnC1=Vue.extend({template:'#cpn1',})/*父组件构造器*/constcpnC2=Vue.extend

63537b720fdb·2024-02-05 04:54

【附源码】计算机毕业设计SSM农产品追溯系统设计与实现

项目技术：SSM+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是javajdk1.8，我们在这个平台上运行的。其他版本理论上也可以。2.ID

计算机程序_设计·2024-02-05 03:30

Vue中的$nextTick有什么作用

我们可以理解成，Vue在更新DOM时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，

前端布道人·2024-02-05 03:59

推荐频道

前端学习之路—Vue