E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vue常用属性
Vue
CLI核心知识综合案例TodoList
目录1拿到一个功能模块首先需要拆分组件:2使用组件实现静态页面的效果3分析数据保存在哪个组件4实现添加数据5实现复选框勾选6实现数据的删除7实现底部组件中数据的统计8实现勾选全部的小复选框来实现大复选框的勾选9实现勾选大复选框来实现所有的小复选框都被勾选10清空所有数据11实现案例中的数据存入本地存储12案例中使用自定义事件完成组件间的数据通信13案例中实现数据的编辑14实现数据进出的动画效果【分
是小蟹呀^
·
2024-02-15 03:24
Vue
vue.js
javascript
Vue
CLI核心知识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
vue.js
javascript
Vue
之插槽slot
当需要让组件组合使用,混合父组件的内容与子组件的模板时,就会用到slot。这个过程叫做内容分发。其主要特点为:子组件不知道它的挂载点会有什么内容,挂载点的内容是由其父组件决定的。子组件有自己的模板。1.作用域首先需要了解一个概念:编译的作用域。父组件模板的内容是在父组件作用域内编译,子组件模板的内容是在子组件作用域内编译。slot分发的内容,作用域是在父组件上的。2.slot用法在子组件内使用元素
wenmingxing
·
2024-02-15 03:54
Vue
CLI核心知识3:全局事件总线、消息订阅与发布
这两种方式都可以实现任意两个组件之间的通信1全局事件总线1.安装全局事件总线import
Vue
from'
vue
'importAppfrom'.
是小蟹呀^
·
2024-02-15 03:53
Vue
vue.js
javascript
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
前端
vue.js
javascript
前端
mac 安装
vue
cli报错
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.安装插件:npminstall
vue
-json-excel2.min.js中引入使用:importJsonExcelfrom'
vue
-json-excel'
Vue
.component('downloadExcel
龙猫小哥
·
2024-02-15 01:37
vue
3结合openlayers,geoserver实现GIS一张图(WebGIS)
一.前言不知不觉一年又要过去了,接触开发也就是这几个月的事情,感觉时间过的真快,今天就是除夕了,祝各位新年快乐呀,话说回来,其实在接触学习WebGIS的过程中还是蛮迷茫的,自己虽然是地信的学生,对于地理方面还有有一些自己的理解,但平时专业课学习的就是arcgis空间分析,遥感图像处理,WebGIS的部分并不是太重视,可能是因为没有那么多时间,毕竟这需要扎实的前端技能,不是一朝一夕就可以说明白的,当
GIS小小白
·
2024-02-15 01:14
javascript
vue.js
前端
arcgis
postgresql
web
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
vue.js
前端
javascript
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.js
javascript
前端
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
html
javascript
vue
vue
前端获取项目下的静态资源文件夹中的文件并下载
1.图片前端项目/public/static/image文件夹下,两张图片,因为不会经常改变所以做成静态资源从项目中获取这两张图片//require.context(检索目录、是否检索子文件、正则表达式匹配的)constrequireContext=require.context('../../../public/static/image/',false,/^\.\/.*$/)requireCon
我在学习呢
·
2024-02-15 01:40
vue
前端
vue.js
javascript
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
前端
java
idea
vue
vue
中本地文件下载
1.先把文件放在静态资源public中2.给标签添加点击事件下载模板3.页面中引入axiosimportaxiosfrom'axios';4.为了避免中文无法导出,将待导出文件名称改为英文“peoplecode.xls”,导出后的名称设置为中文名称“员工工号.xls”;download(){axios.get('file/peoplecode.xls',{//静态资源文件夹publicrespon
动感坤坤
·
2024-02-15 01:39
vue.js
javascript
前端
vue
x仓库请求数据 请求到的数据然后再组件中获取数据
vue
x仓库请求数据请求到的数据然后再组件中获取数据先是在
vue
x仓库当中写请求数据import
Vue
from'
vue
'import
Vue
xfrom'
vue
x'importaxiosfrom'axios'
Vue
.use
奈何夕(小艾)
·
2024-02-15 01:39
vue.js
javascript
前端
vue
路由组件传参params组件传参下面是id传参本人亲测过成功啦
也就是路由组件里面编写这个代码//Anhighlightedblock{path:'/list/:id',name:'list',component:()=>import('@/views/List.
vue
奈何夕(小艾)
·
2024-02-15 01:09
编辑器
vue
前端框架
vant toast轻提示 看了之后立马就会的那种 零基础上手
vue
2调用vant toast轻提示
vue
2调用vanttoast轻提示首先在main.js导入我们的vant组件importVantfrom'vant';import'vant/lib/index.css';import{Toast}from'vant
奈何夕(小艾)
·
2024-02-15 01:09
vue.js
javascript
前端
vue
纯前端实现下载excel模板
1.将Excel模板文件放置在`public`目录下。在`public`目录下创建一个名为`excel`的子目录,将Excel模板文件放置在该子目录下。public└──excel└──template.xlsx创建一个下载Excel模板的方法,该方法需要获取Excel模板的URL,并使用`XMLHttpRequest`对象向服务器发送请求,获取Excel模板的二进制数据。可以使用`blob`对象
彭于晏郑州分晏
·
2024-02-15 01:38
vue.js
前端
javascript
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
vue.js
npm
javascript
进入详情页,隐藏底部导航菜单
/views/Detail.
vue
'),meta:{hideNav:true,//是否隐藏底部导航}}然后我们在Ap
小刘先生很努力
·
2024-02-15 01:36
vue.js
前端
javascript
【前端】
Vue
项目:旅游App-(14)home+search:搜索按钮及其路由跳转、分组数据的网络请求request、数据存储store和动态显示
request、store显示数据分类的样式总代码修改或添加的文件common.cssrouter的index.jsservice的home.jsstore的home.jshome-categories.
vue
home.
vue
search.
vue
App.
vue
karshey
·
2024-02-15 01:05
前端案例
前端
vue.js
旅游
安装
Vue
CLI 报错
报错npminstall-g@
vue
/clinpmERR!codeERR_TLS_CERT_ALTNAME_INVALIDnpmERR!
一棵大白杨
·
2024-02-15 01:35
Web前端
vue-cli3
vue
2使用axios封装请求数据,教会你封装,简单易懂,轻松学会axios封装请求数据 看一眼就会 手把手教会
前端
vue
2中axios封装请求数据,教会你封装教会你请求数据简单易懂,轻松学会axios封装请求数据看一眼就会手把手教会1、在完成下面的步骤之前,先脚手架创建
vue
项目,然后再
vue
项目当中,首先先创建一个文件夹
奈何夕(小艾)
·
2024-02-15 01:30
vue.js
前端
javascript
vue
ajax
前端请求数据
axios请求数据
解决stack FetchError: request to https://registry.npm.taobao.org/@
vue
%2fcli-plugin-
vue
x failed, reason
解决办法1.取消npm代理设置,执行命令npmconfigsetproxynullnpmconfigsethttps-proxynull
钢铁小宝宝
·
2024-02-15 01:29
npm
vue.js
前端
vue
-cli4前端实现下载本地Excel模板,以及下载静态文件的坑
a标签的下载功能:1:bobl----二进制流文件Blob对象标识一个不可变、原始数据的类文件对象。Blob表示的不一定是JavaScript原生格式的数据2:responseTyperesponseType它表示服务器响应的数据类型,由于后台返回来的是二进制数据,所以要把它设为‘blob’通过设置responseType为blob,可以直接拿到二进制文件转化为Blob,两种使用Blob实现文件下
牧杉-惊蛰
·
2024-02-15 01:29
vue.js
前端
javascript
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
杂七杂八
websocket
阿里云
网络协议
前端
物联网
在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
java
spring
boot
vue.js
计算机毕业设计springboot_
vue
房屋租赁系统_ku668
2.掌握
Vue
框架,node环境,数据库等知识。3.掌握开发系统的基本流程。4.确保系统开发工具的熟练运用。
小雨cc5566ru
·
2024-02-14 23:24
课程设计
spring
boot
vue.js
java+
vue
_springboot企业设备安全信息系统14jbc
网站的搭建与开发采用了先进的java进行编写,使用了
vue
框架。该系统从三个对象:由管理员、人员和企业来对系统进行设计构建。
小雨cc5566ru
·
2024-02-14 23:24
java
vue.js
spring
boot
flask+python儿童福利院管理系统pycharm毕业设计项目
技术栈后端:python前端:
vue
.
小雨cc5566ru
·
2024-02-14 23:54
python
flask
pycharm
新项目,从0到1,SpringBoot+
Vue
.js权限管理系统,拿去做毕设
大家好,我是jonssonyan最近把以前做的权限管理系统重新整理了一下(将一些不规范的地方规范了一下,并且在关键地方写了注释),代码全部开源,这个项目是以现在主流的前后端分离模式开发的,包含前端(authority-ui)和后端(authority)两个工程,项目的开源地址在文章的最后。适宜人群你可以借助本项目,学习Java、SpringBoot、MybatisPlus、Shiro、JWT…一个
jonssonyan
·
2024-02-14 23:54
开源项目
spring
boot
vue.js
课程设计
uni-app生命周期 不说废话,直击重点 这篇就够了!
一、生命周期说明uni-app的生命周期分为应用生命周期、页面生命周期、组件生命周期(
Vue
的生命周期)二、应用生命周期应用生命周期函数表:函数名说明onLaunch初始化完成时触发(全局只触发一次)onShow
碎像
·
2024-02-14 23:50
uni-app
vue.js
前端
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
发送请求,一般使用
vue
x.首先找到仓库文件store.jsimport
Vue
from'
vue
'import
Vue
xfrom'
vue
x'
Vue
.use(
Vue
x);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.
Vue
17
小小李学java
·
2024-02-14 22:56
web
Vue
学习笔记(三)常用指令、生命周期
Vue
学习笔记(三)常用指令
vue
指令:html标签上带有v-前缀的特殊属性,不同的指令具有不同的含义,可以实现不同的功能。
老李笔记
·
2024-02-14 21:24
vue
vue指令
vue生命周期
vue常用指令
vue
3项目引入pinia报错
1.控制台错误提示:getActivePiniawascalledwithnoactivePinia.Didyouforgettoinstallpinia?2.报错原因pinia集成顺序错误挂载已经结束,但pinia集成失败运行报错3.解决方案:调整顺序将pinia的集成放在#app的挂载之前app.use(createPinia()).use(router).mount('#app')
Jl.610
·
2024-02-14 21:19
vue
vue.js
前端
vue
vue
3 中使用pinia 数据状态管理(在Taro 京东移动端框架中的使用)
1.pinia介绍pinia是
Vue
的存储库,它允许您跨组件/页面共享状态。就是和
vue
x一样的实现数据共享。
喝一杯维C
·
2024-02-14 21:48
vue.js
前端
javascript
taro
nut-ui
pinia
vue
2使用pinia在main.js中导入报错
44-52Can’timportthenamedexport‘computed’fromnonEcmaScriptmodule(onlydefaultexportisavailable)解决办法1://
vue
.config.jsmodule.exports
奥利給
·
2024-02-14 21:48
pinia
vue
javascript
vue.js
前端
ionic学习(二):Ionic4+
Vue
+Capacitor搭建项目
一、创建项目1、使用
Vue
CLi搭建
Vue
项目npminstall-g@
vue
/cli
vue
createionic-
vue
-appcdionic-
vue
-app创建成功之后通过命令启动项目:npmrunserve
天丶子衿
·
2024-02-14 21:01
el-table表格无缝滚动
复制代码可以直接用element-uitable自动滚动new
Vue
({el:'#app',data(){return{//表格数据tableData:[{date:'2016-05-03',name:
爱学习的新一
·
2024-02-14 21:45
上一页
37
38
39
40
41
42
43
44
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他