Vue开发记录

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

vue中本地文件下载

1.先把文件放在静态资源public中2.给标签添加点击事件下载模板3.页面中引入axiosimportaxiosfrom'axios';4.为了避免中文无法导出，将待导出文件名称改为英文“peoplecode.xls”，导出后的名称设置为中文名称“员工工号.xls”；download(){axios.get('file/peoplecode.xls',{//静态资源文件夹publicrespon
动感坤坤·2024-02-15 01:39

vuex仓库请求数据 请求到的数据然后再组件中获取数据

vuex仓库请求数据请求到的数据然后再组件中获取数据先是在vuex仓库当中写请求数据importVuefrom'vue'importVuexfrom'vuex'importaxiosfrom'axios'Vue.use
奈何夕（小艾）·2024-02-15 01:39

vue路由组件传参params组件传参下面是id传参本人亲测过成功啦

也就是路由组件里面编写这个代码//Anhighlightedblock{path:'/list/:id',name:'list',component:()=>import('@/views/List.vue
奈何夕（小艾）·2024-02-15 01:09

vant toast轻提示 看了之后立马就会的那种 零基础上手 vue2调用vant toast轻提示

vue2调用vanttoast轻提示首先在main.js导入我们的vant组件importVantfrom'vant';import'vant/lib/index.css';import{Toast}from'vant
奈何夕（小艾）·2024-02-15 01:09

vue纯前端实现下载excel模板

1.将Excel模板文件放置在`public`目录下。在`public`目录下创建一个名为`excel`的子目录，将Excel模板文件放置在该子目录下。public└──excel└──template.xlsx创建一个下载Excel模板的方法，该方法需要获取Excel模板的URL，并使用`XMLHttpRequest`对象向服务器发送请求，获取Excel模板的二进制数据。可以使用`blob`对象
彭于晏郑州分晏·2024-02-15 01:38

Vue错误跳坑：npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] serve: `vue-cli-service serv

废话不说，直接解决：1、（别删除package.json，删除package-lock.json）2、重新安装：npminstall重新安装后package-lock.json文件会重新生成3、再次运行：npmrundev就成功了
钢铁小宝宝·2024-02-15 01:07

进入详情页，隐藏底部导航菜单

/views/Detail.vue'),meta:{hideNav:true,//是否隐藏底部导航}}然后我们在Ap
小刘先生很努力·2024-02-15 01:36

【前端】Vue项目：旅游App-（14）home+search：搜索按钮及其路由跳转、分组数据的网络请求request、数据存储store和动态显示

request、store显示数据分类的样式总代码修改或添加的文件common.cssrouter的index.jsservice的home.jsstore的home.jshome-categories.vuehome.vuesearch.vueApp.vue
karshey·2024-02-15 01:05

安装 Vue CLI 报错

报错npminstall-g@vue/clinpmERR!codeERR_TLS_CERT_ALTNAME_INVALIDnpmERR!
一棵大白杨·2024-02-15 01:35

vue2使用axios封装请求数据，教会你封装，简单易懂，轻松学会axios封装请求数据 看一眼就会 手把手教会

前端vue2中axios封装请求数据，教会你封装教会你请求数据简单易懂，轻松学会axios封装请求数据看一眼就会手把手教会1、在完成下面的步骤之前，先脚手架创建vue项目，然后再vue项目当中，首先先创建一个文件夹
奈何夕（小艾）·2024-02-15 01:30

解决stack FetchError: request to https://registry.npm.taobao.org/@vue%2fcli-plugin-vuex failed, reason

解决办法1.取消npm代理设置，执行命令npmconfigsetproxynullnpmconfigsethttps-proxynull
钢铁小宝宝·2024-02-15 01:29

vue-cli4前端实现下载本地Excel模板，以及下载静态文件的坑

a标签的下载功能：1：bobl----二进制流文件Blob对象标识一个不可变、原始数据的类文件对象。Blob表示的不一定是JavaScript原生格式的数据2：responseTyperesponseType它表示服务器响应的数据类型，由于后台返回来的是二进制数据，所以要把它设为‘blob’通过设置responseType为blob，可以直接拿到二进制文件转化为Blob，两种使用Blob实现文件下
牧杉-惊蛰·2024-02-15 01:29

Vue前端api封装（修改版）

看评论说用markdown，嗯。。被嫌弃了，我也觉得之前的排版好丑，重新写一次，顺便把put和delete方法加上一.在src目录下创建request文件夹，然后在里面新建http.js和api.js文件，http.js用于封装axios，api.js用来统一管理我们的接口。安装axiosnpmiaxios--savehttp.js//引入importaxiosfrom"axios"//环境axi
ai耳边的呢喃·2024-02-15 00:57

Vue打包优化

1、路由懒加载当打包构建应用时，Javascript包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。所以在router文件夹下index.js做如下配置{path:'/fourKey',meta:{requireAuth:true//配置此条，进入页面前判断是否需要登陆},component:resolve=>
O槑頭槑腦·2024-02-14 23:59

vue前移，后移

前移后移效果图.png首先第一个不可以前移，最后一个不可以后移前后list:[{id:1,data:111},{id:2,data:222},{id:3,data:333},{id:4,data:444},{id:5,data:555}]方法一moveUp(index){if(index>0){lettemp=this.list[index-1];this.list.splice(index-1,
Light_shallow·2024-02-14 23:25

WebSocket连接MQTT方案之阿里云及其它平台通解

下位机通过ESP8266连接云平台(oneNET)将数据传给WEB端(VUE写的)。于是问题就发生了。。。
Dream's·2024-02-14 23:58

在vscode中添加自定义代码段

文件--->首选项--->用户代码片段在输入框中输入vue，找到vue.json，然后在vue.json里面配置。
fc_coder·2024-02-14 23:03

vue 修改第三方样式库并不影响别的页面

vue修改第三方样式库并不影响别的页面1.需要场景当在vue中style标签有scoped属性时，它的CSS只作用于当前组件中的元素，防止样式的全局污染，尤其是在我们引用第三方库的，可能它们没有达到我们的要求
氨基钠·2024-02-14 23:27

java+springboot+vue试题库在线学习系统05umj

技术路线：B/S架构，后端springboot框架，前端Vue.js框架。主要功能模块（至少六大功能），参考任务书并拓展（1）用户管理模块：规定不同角色的用户对系统中各个功能模块的使用权限。
小雨cc5566ru·2024-02-14 23:24

计算机毕业设计springboot_vue房屋租赁系统_ku668

2.掌握Vue框架，node环境，数据库等知识。3.掌握开发系统的基本流程。4.确保系统开发工具的熟练运用。
小雨cc5566ru·2024-02-14 23:24

java+vue_springboot企业设备安全信息系统14jbc

网站的搭建与开发采用了先进的java进行编写，使用了vue框架。该系统从三个对象：由管理员、人员和企业来对系统进行设计构建。
小雨cc5566ru·2024-02-14 23:24

flask+python儿童福利院管理系统pycharm毕业设计项目

技术栈后端：python前端：vue.
小雨cc5566ru·2024-02-14 23:54

新项目，从0到1，SpringBoot+Vue.js权限管理系统，拿去做毕设

大家好，我是jonssonyan最近把以前做的权限管理系统重新整理了一下（将一些不规范的地方规范了一下，并且在关键地方写了注释），代码全部开源，这个项目是以现在主流的前后端分离模式开发的，包含前端（authority-ui）和后端（authority）两个工程，项目的开源地址在文章的最后。适宜人群你可以借助本项目，学习Java、SpringBoot、MybatisPlus、Shiro、JWT…一个
jonssonyan·2024-02-14 23:54

uni-app生命周期 不说废话，直击重点 这篇就够了！

一、生命周期说明uni-app的生命周期分为应用生命周期、页面生命周期、组件生命周期（Vue的生命周期）二、应用生命周期应用生命周期函数表：函数名说明onLaunch初始化完成时触发（全局只触发一次）onShow
碎像·2024-02-14 23:50

vue 基本语法操作

v-model="vue.prop"双向绑定数据，一般用于input表单元素v-bind:id=""v-bind:href=""v-bind后面跟是html的属性键，后面跟的是vue实例化里面的属性值，
sunxiaochuan·2024-02-14 22:06

Vue入门

1.初始化vue第一步：给Vue准备一个容器：{{name}}{{age}}第二步：创建Vue实例：//不允许vue-devtools检查代码Vue.config.devtools=false//vue
绯泉·2024-02-14 22:46

vue项目逻辑梳理

vue发送请求，一般使用vuex.首先找到仓库文件store.jsimportVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex);importorderlistfrom
喵帕斯_390d·2024-02-14 22:11

JavaWeb

基础标签4.CSS样式5.CSS引入方式6.颜色表示形式7.CSS选择器8.超链接9.盒子模型10.JavaScript11.JS基础语法12.数据类型13.流程控制语句14.JS函数15.JS对象16.Vue17
小小李学java·2024-02-14 22:56

Vue学习笔记（三）常用指令、生命周期

Vue学习笔记（三）常用指令vue指令：html标签上带有v-前缀的特殊属性，不同的指令具有不同的含义，可以实现不同的功能。
老李笔记·2024-02-14 21:24

vue3项目引入pinia报错

1.控制台错误提示：getActivePiniawascalledwithnoactivePinia.Didyouforgettoinstallpinia?2.报错原因pinia集成顺序错误挂载已经结束,但pinia集成失败运行报错3.解决方案：调整顺序将pinia的集成放在#app的挂载之前app.use(createPinia()).use(router).mount('#app')
Jl.610·2024-02-14 21:19

vue3 中使用pinia 数据状态管理(在Taro 京东移动端框架中的使用)

1.pinia介绍pinia是Vue的存储库，它允许您跨组件/页面共享状态。就是和vuex一样的实现数据共享。
喝一杯维C·2024-02-14 21:48

vue2使用pinia在main.js中导入报错

44-52Can’timportthenamedexport‘computed’fromnonEcmaScriptmodule(onlydefaultexportisavailable)解决办法1://vue.config.jsmodule.exports
奥利給·2024-02-14 21:48

ionic学习（二）：Ionic4+Vue+Capacitor搭建项目

一、创建项目1、使用VueCLi搭建Vue项目npminstall-g@vue/clivuecreateionic-vue-appcdionic-vue-app创建成功之后通过命令启动项目：npmrunserve
天丶子衿·2024-02-14 21:01

el-table表格无缝滚动

复制代码可以直接用element-uitable自动滚动newVue({el:'#app',data(){return{//表格数据tableData:[{date:'2016-05-03',name:
爱学习的新一·2024-02-14 21:45

手机端vue+vant+rem项目适配750px设计稿的配置

手机端页面开发，使用vue，UI框架用vant，设计稿是750px，单位用remvant是按照375px设计稿开发，为单位的，如果配置根字体大小为37.5，设计稿就无法还原，配置75，vant组件就变小了
伍佰2017·2024-02-14 21:13

Vue源码解读之Dep,Observer和Watcher

原文转：https://segmentfault.com/a/1190000016208088在解读Dep,Observer和Watcher之前，首先我去了解了一下Vue的数据双向绑定，即MVVM，学习于
小豆soybean·2024-02-14 21:28

vue -- 点击父组件按钮激活子组件中事件

sonEventName是要激活的子组件的事件名激活子组件事件activeSonEvent(){this.$refs.sonEvent.sonEventName()}
web萌新·2024-02-14 21:26

springboot/ssm学生信息管理系统Java学生在线选课考试管理系统

springboot/ssm学生信息管理系统Java学生在线选课考试管理系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库
Java学长-kirito·2024-02-14 20:57

idea中vue文件如何快捷打出html标签结构，不写＜

例如写一个标签：快捷键如下先写一个button，然后再按tab键即可自动生成一对标签。演示：步骤一：步骤二：
南风花海·2024-02-14 19:10

【Vue】组件通信（父传子 props）

本节讲的是：父传子父传子的过程中，用到的关键词是：props过程如下HTML代码{{message}}JS代码/*子组件*/Vue.component('child',
德育处主任·2024-02-14 19:54

el-table 表格懒加载的同时合并单元格

newVue({el:'#app',data:function(){return{tableData:[{id:1,firstRisk:"战略风险",secRisk:"宏观经济风险",earlyWarning
加蓓努力我先飞·2024-02-14 19:02

vue前端系统启动报错Module not found: Error: Can‘t resolve ‘sass-loader‘

1、确认项目中是否已安装node-sass包。sass-loader是依赖于node-sass包的，如果没有安装node-sass包，也会导致无法找到sass-loader包。npmlsnode-sass安装node-sass包：npminstall--save-devnode-sass2、确认项目中是否已安装sass-loader包。npmlssass-loader安装sass-loader包：
加蓓努力我先飞·2024-02-14 19:01

springboot187社区养老服务平台的设计与实现

简介【毕设源码推荐javaweb项目】基于springboot+vue的适用于计算机类毕业设计，课程设计参考与学习用途。仅供学习参考，不得用于商业或者非法用途，否则，一切后果请用户自负。
CV工程师HYJones·2024-02-14 18:47

springboot188基于spring boot的校园商铺管理系统

简介【毕设源码推荐javaweb项目】基于springboot+vue的适用于计算机类毕业设计，课程设计参考与学习用途。仅供学习参考，不得用于商业或者非法用途，否则，一切后果请用户自负。
CV工程师HYJones·2024-02-14 18:47

springboot186人格障碍诊断系统

简介【毕设源码推荐javaweb项目】基于springboot+vue的适用于计算机类毕业设计，课程设计参考与学习用途。仅供学习参考，不得用于商业或者非法用途，否则，一切后果请用户自负。
CV工程师HYJones·2024-02-14 18:17

springboot184基于springboot的校园网上店铺的设计与实现

简介【毕设源码推荐javaweb项目】基于springboot+vue的适用于计算机类毕业设计，课程设计参考与学习用途。仅供学习参考，不得用于商业或者非法用途，否则，一切后果请用户自负。
CV工程师HYJones·2024-02-14 18:16

Vue3x基础 - 应用&组件

创建一个应用实例每个Vue应用都是通过createApp函数创建一个应用实例开始的：constapp=Vue.createApp({/*options*/})应用实例是注册一个可供组件在应用内使用的“全局变量
zhouyu629·2024-02-14 18:08
上一页 37 38 39 40 41 42 43 44 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他