vue项目总结

VUE使用vue-router设置路由进行页面跳转

一、下载vue-router插件在项目终端输入npminstallvue-routernpminstallvue-router 二、设置路由新建router文件夹，文件夹内新建router.js在router.js
wwr小可爱·2024-02-15 09:13

Vue Router 提供了一种机制，阻止重复导航到相同的路由路径。

代码：首页个人中心个人成绩成绩管理人员管理exportdefault{methods:{handleMenuSelect(index){this.$router.push({path:'/'+index});}}};路由：constroutes=[{path:'/home',//路由地址name:'home',component:home,//相对应的组件redirect:{name:"first
娃哈哈哈哈呀·2024-02-15 09:12

解决‘vue‘ 不是内部或外部命令，也不是可运行的程序（设置全局变量）

发现是没有执行：npminstall-g@vue/cli但是发现还是不行此时，我们安装了VueCLI，但是在运行vueui命令时出现了问题。
白白白鲤鱼·2024-02-15 09:34

Vue语法

1.vue模板语法2大类插值语法：功能：用于解析标签内容用途：用于标签内容定义写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性指令语法：功能：用于解析标签（包括：标签属性，
Aussise·2024-02-15 09:01

el-admin 部署线上

线上地址：VUE_APP_BASE_API改成线上地址.env.production：线上环境配置本地开发环境配置：nginx配置：
Stacey-TL·2024-02-15 09:00

vue-element-admin项目部署到服务器简要步骤

前言为了后序测试，运维人员的便捷性，舒适的，我们采用了流水线jenkins自动化部署的方式构建前端项目具体步骤部署开发项目到服务器我们需进行：服务器选择，环境配置，上传文件，配置应用程序，启动应用程序几个阶段。1.对于服务器的配置可选用了适合自己的服务器2.配置环境2.1数据库运行环境数据库方面我们采用了mysql8，Navicat图形交互界面，并对其进行了安装和环境变量的配置2.2java开发工
朴丶心·2024-02-15 09:00

记录一次码云项目eladmin部署启动

EL-ADMIN后台管理系统项目简介一个基于SpringBoot2.1.0、SpringBootJpa、JWT、SpringSecurity、Redis、Vue的前后端分离的后台管理系统开发文档：https
—Phoenix·2024-02-15 09:59

全干工程师的自我修养---vue第二部分

有模板templatescriptstyleHome.vue{{msg}}点击显示msgexportdefault{data(){return{msg:'我是一个header组件'}},methods:
Juntech·2024-02-15 09:26

vue3 Element Plus 基于webstorm练习

提要vue是前端框架，Elemen是组件库。
my烂笔头·2024-02-15 09:10

基于Java学生干部管理系统设计和实现(源码+LW+部署讲解)

新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌主要内容：SpringBoot、Vue
java李杨勇·2024-02-15 08:00

基于Vue+SpringBoot+MySQL实现个人博客系统（二）

文章目录一.设计数据库模型：首先需要设计博客数据库模型，包括博客文章、评论、分类、标签等表的设计。可以使用MySQLWorkbench等工具进行建模，也可以手动编写SQL语句创建表。二.搭建后端环境：使用SpringBoot框架搭建后端环境，包括配置Maven、集成MyBatis、配置数据库连接等。可以使用IDEA等开发工具进行开发。1.安装Java开发环境：在电脑上安装JDK开发环境，建议使用J
诗句藏于尽头·2024-02-15 08:21

vue解决跨域问题

本教程讲解的为vue3脚手架搭建的项目遇到的跨域问题，其他版本也同理。
挣扎在黑暗中的码畜·2024-02-15 08:03

Vue2源码梳理：关于数据驱动，与new Vue时的初始化操作

数据驱动1）概述vue的一个核心思想，就是数据驱动所谓数据驱动，就是指视图是由数据驱动生成的对视图的修改并不会直接操作dom，而是通过修改数据它相比我们传统的前端开发，如使用jQuery的前端库直接去修改
Wang's Blog·2024-02-15 07:32

关于vue安装less和webpack版本冲突问题

关于vue2.0安装less和webpack版本冲突问题1.学会查看自己webpack和less指令2.默认安装less-loader命令3.解决办法1.学会查看自己webpack和less指令查看当前
SepstoneTang·2024-02-15 07:01

vue安装使用less，解决与webpack的冲突

第077个查看专栏目录:VUE------elementUI专栏目标在vue和elementUI联合技术栈的操控下，本专栏提供行之有效的源代码示例和信息点介绍，做到灵活运用。
还是大剑师兰特·2024-02-15 07:31

一键打造属于自己漏扫系统

工具介绍本系统是对Web中间件和Web框架进行自动化渗透的一个系统,根据扫描选项去自动化收集资产,然后进行POC扫描,POC扫描时会根据指纹选择POC插件去扫描,POC插件扫描用异步方式扫描.前端采用vue
网络安全进阶·2024-02-15 07:27

Vue3+Ant-Design-Vue:报错Cannot read properties of null (reading ‘isCE‘)

问题描述在使用Ant-Design-Vue内置的Table表格组件，实现expand展开行功能时，报错：UncaughtTypeError:Cannotreadpropertiesofnull(reading
是席木木啊·2024-02-15 06:42

Vue3快速上手

目录1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1
__畫戟__·2024-02-15 06:40

vue3快速上手

Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的
Wmenghu·2024-02-15 06:40

Vue3快速上手（四）ref之基本类型响应式数据

一、ref之基本类型响应式数据1.1基本语法import{ref}from'vue'letx=ref('初始值')console.log('xxx-->',x.value);x为一个RefImpl对象，
一掬净土·2024-02-15 06:39

【Vue3.0实战逐步深入系列】基于axios+elementui实现一个动态可配置的投票功能

【千字长文，熬夜更新，原创不易，多多支持，感谢大家】前言小伙伴们大家好。前面文章我们引入了elementui组件库，对我们的投票功能做了一下简单的美化，在经过一番的折腾后终于我们的投票模块在保证了功能的情况下，也变得美观了两全其美。然而一次只能做一个主题的投票显得太过单调，并且投票主题都是定死的，如果想换其它主题就不得不修改源码了。今天我们在前面投票功能的基础上进行一个扩展：投票还是投票，但是要让
一笑程序猴·2024-02-15 05:35

vue实践局部组件需求-投票

vue实践局部组件需求-投票投票局部组件实践和组件之间的嵌套：1.搭建结构（html+css布局）2.在组件标签中拆分成多个局部组件3.删除第一步的搭建结构（html+css布局）代码4.在组件中调取渲染使用
公子清·2024-02-15 05:04

Vue 实现点击空白处隐藏某节点

手动监听判断啦啦啦showexportdefault{data(){return{visible:false,}},methods:{show(){document.addEventListener('click',this.hidePanel,false)},hide(){document.removeEventListener('click',this.hidePanel,false)},hi
微芒不朽·2024-02-15 05:25

Vue - 事件修饰( Event modifiers )

eg:添加事件修饰：#这里只监听一次eg:clickme结果是，先执行click方法，然后再跳转到这个google链接。clickme这里是先执行click方法，然后后面就不执行了，不会跳转到google网页。如果不想执行任何事情的话，也可以v-on:click.prevent=""。
廖马儿·2024-02-15 05:44

Angular、React、Vue三选一，前端工程师更青睐使用哪款框架？

现在前端三架马车Angular、React、Vue各有所长。
前端吴彦祖·2024-02-15 05:55

Module parse failed: Unexpected token (5:2) You may need an appropriate loader to hand

vueaxios版本引用报错Moduleparsefailed:Unexpectedtoken(5:2)Youmayneedanappropriateloadertohandlethisfiletype
良辰美景好时光·2024-02-15 05:22

vue_dev_tools工具下载安装打包

vue_dev_tools工具下载安装打包一、简介二、安装方式2.1.安装图文2.2.打包工具endl一、简介使用Vue时，在浏览器上安装VueDevtoolsVueDevtools是Vue官方发布的调试浏览器插件
良辰美景好时光·2024-02-15 05:52

vue【opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]】

vue【opensslErrorStack:['error:03000086:digitalenveloperoutines::initializationerror']】一、Vue项目启动报错如下解决方式
良辰美景好时光·2024-02-15 05:52

分布式文件系统 SpringBoot+FastDFS+Vue.js

分布式文件系统SpringBoot+FastDFS+Vue.js一、分布式文件系统1.1.文件系统1.2.什么是分布式文件系统1.3.分布式文件系统的出现1.3.主流的分布式文件系统1.4.分布式文件服务提供商
良辰美景好时光·2024-02-15 05:20

vue history 路由模式打包发布到服务器设置

要求描述页面访问地址首页：https://hello.haha.com/world用户中心：https://hello.haha.com/world/user路由设置路由配置js设置mode为history，这样会去掉#号和正常的路由地址一样exportdefaultnewRouter({mode:'history',routes:[{path:'/world',//注意路由的path需要和页面的
aimee66·2024-02-15 05:02

【Uniapp uni-app学习与快速上手——详细讲解】

Uniappuni-app学习与快速上手——详细讲解1.介绍2.Uni-app学习资源3.快速上手4.开始第一个项目5.调试和发布1.介绍Uni-app是一个使用Vue.js编写多端应用的前端框架。
程序员不想YY啊·2024-02-15 05:17

Vue中watch检测不到数据变化的情况解决

问题现象有一个判断语句，如果没有图像属性，则data[‘图像’]=[]data['图像'].push('照相机拍照的结果路径')，如图一所示图一，错误代码发生的事情是：在watch中无法检测到变化并且把数据打印在页面上的时候，发现数据完全没有变化，但是如果更改其他绑定的v-model数据，图片那块也会刷新出变化但是不操作别的就不行！添加图片属性之后，页面上的数据毫无变化解决为啥出现这种问题？受ES
Echo_前端·2024-02-15 04:42

基于Python淘宝酒类销售数据可视化系统设计与实现(Django框架) 研究背景与意义、国内外研究现状

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-02-15 03:28

Vue2项目实战：尚品汇（三）商品详情界面、加入购物车成功界面、购物车界面

目录(一)详情页detail模块搭建1.搭建静态页面[1]静态页面搭建[2]配置路由+路由模块化2.获取详细商品信息[1]配置发送axios请求和detail仓库3.动态展示数据[1]三级商品目录展示[2]标题和价格的数据展示[3]商品平台售卖属性的展示和选择[4]实现购买商品数量的操作4.放大镜和小轮播图组件的操作[1]小轮播图组件[2]放大镜组件[3]小轮播图和放大镜组件的数据传输(二)加入购
DogEgg_001·2024-02-15 03:56

VueCLI核心知识综合案例TodoList

目录1拿到一个功能模块首先需要拆分组件：2使用组件实现静态页面的效果3分析数据保存在哪个组件4实现添加数据5实现复选框勾选6实现数据的删除7实现底部组件中数据的统计8实现勾选全部的小复选框来实现大复选框的勾选9实现勾选大复选框来实现所有的小复选框都被勾选10清空所有数据11实现案例中的数据存入本地存储12案例中使用自定义事件完成组件间的数据通信13案例中实现数据的编辑14实现数据进出的动画效果【分
是小蟹呀^·2024-02-15 03:24

VueCLI核心知识4：动画效果、过渡效果

1动画效果【代码】显示/隐藏可以指定name属性，也可以不指定，name属性在有多个动画的时候比较有用-->你好啊！exportdefault{name:'Test',data(){return{isShow:true}}}.hello{background-color:skyblue;color:red;padding:20px;}/*动画*/.v-enter-active{animation:
是小蟹呀^·2024-02-15 03:54

Vue之插槽slot

当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到slot。这个过程叫做内容分发。其主要特点为：子组件不知道它的挂载点会有什么内容，挂载点的内容是由其父组件决定的。子组件有自己的模板。1.作用域首先需要了解一个概念：编译的作用域。父组件模板的内容是在父组件作用域内编译，子组件模板的内容是在子组件作用域内编译。slot分发的内容，作用域是在父组件上的。2.slot用法在子组件内使用元素
wenmingxing·2024-02-15 03:54

VueCLI核心知识3：全局事件总线、消息订阅与发布

这两种方式都可以实现任意两个组件之间的通信1全局事件总线1.安装全局事件总线importVuefrom'vue'importAppfrom'.
是小蟹呀^·2024-02-15 03:53

Vue自定义指令

需求2.语法3.代码示例三、自定义指令-v-loading指令的封装1.场景2.需求3.分析4.实现5.实现代码一、自定义指令1.指令介绍内置指令：v-html、v-if、v-bind、v-on…这都是Vue
duration～·2024-02-15 03:50

mac 安装vuecli报错

A>确认npm全局包安装路径1、查看全局包位置npmroot-gimage.png我的其它npm全局包安装路径都在/usr/local下面，而全局安装vue/cli时一直报错，而npminstall-g
一个记事本·2024-02-15 03:32

vue 实现多个可拖拽的element-ui Dialog

直接上代码//css.el-dialog__wrapper{overflow:hidden!important;pointer-events:none;}.sc-common-dialog.el-dialog{margin:0!important;pointer-events:auto;top:80px;left:calc(50%-490px);height:625px;box-shadow:0p
嘻哈章鱼小丸子·2024-02-15 02:38

Vue性能「十九」-- Vue常见优化方式 ***

事件及时销毁（否则会导致内存泄露）合理使用异步组件（import）合理使用缓存组件（keep-alive）合理使用异步渲染（$nextTick）data层级不要太深（导致深度监听时递归的次数比较多）使用vue-loader
loushumei·2024-02-15 02:06

vue 监听键盘回车事件

在每个展示页面的搜索新增回车搜索功能，之前登录页的时候也有做过，不过输入框就几个就直接在输入框加了监听事件，但是展示页面的搜索框是在有点多，一个个监听不太实际，现在来总结下两种方法方法一：keyup.enter使用：vue
七號7777·2024-02-15 01:46

Vue 2.0 + 结合elemnt ui 实现 列表导出

1.安装插件：npminstallvue-json-excel2.min.js中引入使用：importJsonExcelfrom'vue-json-excel'Vue.component('downloadExcel
龙猫小哥·2024-02-15 01:37

vue3结合openlayers，geoserver实现GIS一张图(WebGIS)

一.前言不知不觉一年又要过去了，接触开发也就是这几个月的事情，感觉时间过的真快，今天就是除夕了，祝各位新年快乐呀，话说回来，其实在接触学习WebGIS的过程中还是蛮迷茫的，自己虽然是地信的学生，对于地理方面还有有一些自己的理解，但平时专业课学习的就是arcgis空间分析，遥感图像处理，WebGIS的部分并不是太重视，可能是因为没有那么多时间，毕竟这需要扎实的前端技能，不是一朝一夕就可以说明白的，当
GIS小小白·2024-02-15 01:14

Vue 实现下载本地静态文件

下载完整的排版实例downloadDoc(){//创建一个标签consta=document.createElement('a');a.href='./documents/Sample-Paper-PRE-bundle.docx';a.download='Sample-Paper-PRE-bundle.docx';//障眼法藏起来a标签a.style.display='none';//将a标签追加
季布，·2024-02-15 01:11

vue下载静态文件

1.把对应的模板文件放入public/staic下2.调用方法：handleUpload(){leta=document.createElement('a');a.href=`/static/订单导入模板.xlsx`;a.download='测试表格.xlsx';a.click();},
weixin_52594927·2024-02-15 01:11

vue项目纯前端下载本地静态文件

一、下载本地文件1.把文件放在public文件夹下2.把a标签写在了方法里，href后是文件的路径（注意！！“process.env.BASE_URL”代表public）导入模板getDownload(){constanchor=document.createElement("a");anchor.href=`${process.env.BASE_URL}static/file/工价维护.xlsx
你离优秀差多少·2024-02-15 01:41

vue前端获取项目下的静态资源文件夹中的文件并下载

1.图片前端项目/public/static/image文件夹下，两张图片，因为不会经常改变所以做成静态资源从项目中获取这两张图片//require.context（检索目录、是否检索子文件、正则表达式匹配的）constrequireContext=require.context('../../../public/static/image/',false,/^\.\/.*$/)requireCon
我在学习呢·2024-02-15 01:40

vue 启动报错--request to https://registry.npm.taobao.org/vue-cli failed, reason: connect ECONNREFUSED 12

vue启动报错#requesttohttps://registry.npm.taobao.org/vue-clifailed,reason:connectECONNREFUSED127.0.0.1:1080
Tan.]der·2024-02-15 01:40
上一页 36 37 38 39 40 41 42 43 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他