vue学习日记

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

2.7数据结构与算法学习日记（动态规划01背包和并查集）

题目描述辰辰是个天资聪颖的孩子，他的梦想是成为世界上最伟大的医师。为此，他想拜附近最有威望的医师为师。医师为了判断他的资质，给他出了一个难题。医师把他带到一个到处都是草药的山洞里对他说：“孩子，这个山洞里有一些不同的草药，采每一株都需要一些时间，每一株也有它自身的价值。我会给你一段时间，在这段时间里，你可以采到一些草药。如果你是一个聪明的孩子，你应该可以让采到的草药的总价值最大。”如果你是辰辰，你
祺580·2024-02-15 03:16

2.8数据结构与算法学习日记（bfs和01背包和完全背包）

P8673[蓝桥杯2018国C]迷宫与陷阱题目描述小明在玩一款迷宫游戏，在游戏中他要控制自己的角色离开一间由N×N个格子组成的二维迷宫。小明的起始位置在左上角，他需要到达右下角的格子才能离开迷宫。每一步，他可以移动到上下左右相邻的格子中（前提是目标格子可以经过）。迷宫中有些格子小明可以经过，我们用.表示；有些格子是墙壁，小明不能经过，我们用#表示。此外，有些格子上有陷阱，我们用X表示。除非小明处于
祺580·2024-02-15 03:16

2.14数据结构与算法学习日记

洛谷P1934封印题目背景很久以前，魔界大旱，水井全部干涸，温度也越来越高。为了拯救居民，夜叉族国王龙溟希望能打破神魔之井，进入人界“窃取”水灵珠，以修复大地水脉。可是六界之间皆有封印，神魔之井的封印由蜀山控制，并施有封印。龙溟作为魔界王族，习有穿行之术，可任意穿行至任何留有空隙的位置。然而封印不留有任何空隙！龙溟无奈之下只能强行破除封印。破除封印必然消耗一定的元气。为了寻找水灵珠，龙溟必须减少体
祺580·2024-02-15 03:15

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

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
上一页 37 38 39 40 41 42 43 44 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他