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
vue2响应式设计
vue2
项目实现自定义右键菜单, 可添加图标、事件等
通常浏览器都会有自己的右键菜单,如下图的谷歌浏览器网页上的右键菜单:下面介绍一下如何在vue的项目中实现自定义菜单,如下图所示:1.安装依赖包npminstallvue-contextmenujs2.在main.js中引用importContextmenufrom'vue-contextmenujs';Vue.use(Contextmenu);3.在需要实现自定义右键的元素上加上@contextm
程序猿小野
·
2024-01-28 04:05
javascript
前端
vue.js
elementui
vue2
模仿qq
点击qq音乐0"/>0":key="key":data="treeList"show-checkboxnode-key="id":expand-on-click-node="true":default-expanded-keys="treeData"icon-class="":props="defaultProps":filter-node-method="filterNode">0":class
圆脸喜欢吃菠萝
·
2024-01-28 03:17
vue.js
javascript
前端
vue2
树形数据,最后一集添加标识
functionaddTreeFn(treeData,type1){treeData.forEach((node)=>{if(node.children&&node.children.length>0){addTreeFn(node.children,type1)}else{node.sos=type1}})}addTreeFn(this.list,'1')
圆脸喜欢吃菠萝
·
2024-01-28 03:17
vue
金额格式化,三位数逗号分隔
vue2
(借鉴)
在main.js全局注册importVuefrom'vue';Vue.filter('currencyFormat',function(value){if(!isNaN(parseFloat(value))){//判断输入值是否为有效数字value=parseFloat(value);constparts=value.toFixed(2).split('.');//将小数点后两位转换为字符串并按小
圆脸喜欢吃菠萝
·
2024-01-28 03:15
vue.js
javascript
前端
创建基于
Vue2
.0开发项目的两种方式
前天开始接触基于
Vue2
.0的前端项目,实际操作中肯定会遇到一些问题,慢慢摸索和总结。
dawn
·
2024-01-28 03:13
Vue.js
+
ElementUI
javascript
前端
vue.js
《Vue3 基础知识》
Vue2
+ElementUI 自动转 Vue3+ElementPlus(GoGoCode)
前言GoGoCode一个基于AST的JavaScript/Typescript/HTML代码转换工具。ASTabstractsyntaxcode抽象语法树。实现第一步:安装GoGoCode插件全局安装最新的gogocode-cli即可npmigogocode-cli-g查看版本gogocode-cli-V相关插件说明插件描述gogocode-cligogocode的命令行工具gogocode-pl
AvatarGiser
·
2024-01-28 02:46
《Vue3
基础知识》
elementui
前端
javascript
vue2
.0学习笔记黑马
前置知识一、WebPack实际开发中并不需要手动配置webpack1、概念webpack是前端项目工程化的具体解决方案主要功能:提供了友好的前端模块化开发支持、以及代码压缩混淆、处理浏览器端javaScript的兼容性、性能优化等强大的功能好处:提高开发效率和项目可维护性2、创建webpack项目新建项目空目录需要英文路径,并允许npminit-y命令,初始化包管理配置文件package.json
firewrk
·
2024-01-28 00:44
学习
笔记
vue
vue2
和vue3的区别
Vue2
响应式原理:Object.definePropertyVue3Vue基础语法+Vue-router+vuex(pinia)+组件库语法不同(组合式api)、体积更小、按需引入、proxy实现响应式
诗霖雪
·
2024-01-28 00:43
vue.js
javascript
前端
ElementUI 源码分析2 - 组件篇
ElementUI是一套为开发者、设计师和产品经理准备的基于
Vue2
.0的桌面端组件库。0、前言老规矩,带着问题看源码:组件的两种使用方式是如何做的(Tag模式|API模式)?
风之化身呀
·
2024-01-27 23:02
Element UI
的方式加载语言文件5.自定义主题6.内置过渡动画三、组件Basic基础组件Form表单组件Data数据组件Notice提示组件Navigation导航组件Others其他组件一、介绍ElementUI是一套基于
VUE2
.0
ZiminLi
·
2024-01-27 23:39
技术栈笔记
ui
vue.js
javascript
VueJs 监听 window.resize 方法---窗口变化
根据窗口的变化去变化canvas的宽度备注:重要的问题说三遍解决框架内的bug先说框架版本版本版本(这里用的
Vue2
.x、ES6)解决方案:方案一:1.第
小小码农披荆斩棘
·
2024-01-27 17:02
vue-js
vue
javascript
mvvm
vue-js
vue
javascript
如何将前后端分离(
vue2
+SpringBoot)项目部署到腾讯云服务器
如何将前后端分离(
vue2
+SpringBoot)项目部署到腾讯云服务器目录如何将前后端分离(
vue2
+SpringBoot)项目部署到腾讯云服务器1、在选中目录地下新建2个文件夹2、将打包好的前端项目和后端
娃哈哈哈哈呀
·
2024-01-27 17:52
java
vue.js
前端
腾讯云
服务器
后端
2024/01/05-
vue2
前后端分离
前置准备修改node的端口号,如果和后端的端口号一样,后端可能会启动失败在vue.config.js中添加框选内容使用ui,这里使用都是elementuinpmielement-ui完整引入elementui:在main.js中写入以下内容(添加备注的那三行是真正要添加的,其余的是main.js本身自带的)importVuefrom'vue'importElementUIfrom'element-
瑕光.
·
2024-01-27 14:38
vue.js
spring
boot
学习
Vite,Vue3项目引入dataV报错的解决方法
背景:开发一个大屏项目中,需要是要DataV的那边边框,装饰等,只是DataV是基于
vue2
的,vue3版的作者还在开发中,于是翻了DataV的源码,发现使用esm方式时是直接引入源码而不经过打包,其源码中使用的
新时代的弩力
·
2024-01-27 14:16
DataV
vue.js
VUE 3+TS “类型“DefineComponent<{}, {}, any>”的参数不能赋给类型“Plugin_2”的参数
vue2
迁移到vue3经常发生的错误,定义好组件,main.ts报错,即使改为app.use(emp***asany),虽然不报错,但运行时还是报错,找不到文件。
宇文合
·
2024-01-27 14:16
vue.js
前端
javascript
vue2
中的$nextTick原理和简单实现
一、原理1.1、它的原理涉及到Vue.js的异步更新队列机制;1.2、在Vue.js中,当数据变化时,Vue实例会异步执行更新。具体的更新过程是:触发数据变化,触发响应式getter。通过Dep(依赖管理器)进行依赖收集。数据发生变化时,通知相关的watcher。watcher将回调函数放入异步更新队列。而nextTick就是在这个异步更新队列执行完毕后被调用的。它的作用是在DOM更新之后执行回调
carpe diem xt
·
2024-01-27 13:50
VUE底层原理
vue.js
javascript
前端
vue的pinia环境搭建
Pinia的主要特点包括:对
Vue2
和Vue3提供良好的支持,使得老项目也可以使用Pinia。抛弃了Mutations的操作,只有state、getters和actions。
<有心人>
·
2024-01-27 13:44
vue.js
前端
javascript
笔记
Vue3之setup
一、Option和Composition首先,我们来谈谈vue的两种风格,
vue2
的API是Option(选择)风格,vue3的API是Composition(组合)风格。
<有心人>
·
2024-01-27 13:11
前端
javascript
开发语言
笔记
Vue2
跟Vue3的对比
在Vue.js的演进过程中,
Vue2
.x是主要的版本,而Vue3.x是最新的版本。Vue3.x于2020年9月正式发布,与
Vue2
.x相比,它带来了许多重要的改进和新功能。
跟Bug双向奔赴
·
2024-01-27 12:58
vue
vue.js
前端
javascript
Vue2
:通过代理服务器解决跨域问题
一、场景描述现在的项目大多数是前后端分离的。Vue前端项目通过ajax去请求后端接口的时候,会有同源策略的限制。从而产生跨域问题。二、基本概念1、什么是同源策略?就是前端服务和后端服务的协议名,IP或主机名,端口号不完全一致。比如,前端服务开在:http://127.0.0.1:8080后端接口开在:http://127.0.0.1:5000此时,前端代码中,用ajax请求后端接口,就会产生跨域问
生产队队长
·
2024-01-27 12:56
前端
vue.js
el-tree基础的树形节点设置节点不能选中高亮出来,对已经选中的节点设置disabled,对当前节点刚选中后设置禁用disabled
实现效果如下:
vue2
+element-ui发现elemen
SwJieJie
·
2024-01-27 11:42
vue.js
elementui
javascript
vue2
vue3 各传值汇总
序:vue最常见的,容易为难新手的,应该就是组件间的传参的,所以本次笔记就记录下传参,顺带也记录下
vue2
吧一、vue31、父传子父组件atherTitle,fatherMoney,fatherWifi
MoXinXueWEB
·
2024-01-27 11:19
vue
vue.js
javascript
前端
uniapp 封装公共请求方法
版本
vue2
在main.js中引用//导入封装好的请求数据的方法importUtilfrom'@/util/util.js'importHttpfrom'@/util/request.js'//封装请求路径
Sliy 磊磊
·
2024-01-27 11:46
uni-app
移动端——uniapp开发记录(公共请求request封装)
移动端开发需要兼容各个端,技术栈选用
vue2
+uniApp;1.项目初始化可以使用IDE(HBuilderX)去初始化项目,也可以使用npm命令去构建实现不依赖uniapp去打包部署;【详细见官网】2.
我不瘦但很逗
·
2024-01-27 11:45
移动端开发
前端
vue.js
vue报错——[vue/require-v-for-key]Elements in iteration expect to have ‘v-bind:key‘ directives.
Vue2
.2.0+的版本里,当在组件中使用v-for时,key是必须的参考:
要加油哦~
·
2024-01-27 10:57
编程中的错误总结
vue.js
javascript
前端
vue使用v-for循环时报错:[vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘ directives
Vue2
.2.0+的版本里,当在组件中使用v-for时,key是必须的这是修改代码的解决办法也可以在bui
ITarmi
·
2024-01-27 09:54
vue
css flex布局详解
CSSFlex布局,即FlexibleBox布局,是一种用于在页面上排列元素的高效方式,特别适合于
响应式设计
。
翱翔-蓝天
·
2024-01-27 06:01
css
前端
Vue使用svg图片-svg-sprite-loader插件
在
vue2
配合webpack;svg图片不存在id冲突,在使用时无需显示引入
禾苗种树
·
2024-01-27 06:28
UI组件二改
svg
vue.js
前端
javascript
vue2
中实现一个可移动的弹框
先创建一个可拖拽的外壳mounted(){this.theDrag();},methods:{//拖拽theDrag(){//创建容器letcontainer=window.document.body;//将创建的div添加到容器中container.appendChild(window.document.getElementById("theDrag"));//获取到boxletbox=wind
甘道夫老矣
·
2024-01-27 05:16
安装vue devtools及常见问题
网盘中包含
vue2
和vue3的devtools安装工具,根据项目需要选择使用,不能同时安装两个devtools到浏览器上极简插件下载下载链接:htt
员宇宙
·
2024-01-27 04:17
vue.js
前端
javascript
el-upload图片上传OSS vue+springboot 简单好copy(代码全)
简单使用文章目录目录使用步骤1.后端(springboot)创建项目文件(仅供参考)UploadUtil.javaUploadController.java2.前端(
vue2
+elementUI)创建项目文件
无情也星海
·
2024-01-27 01:26
vue.js
spring
boot
elementui
warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js “export ‘watchEffect‘ was not
1.问题利用vuecli新建
vue2
项目,安装vue-router后浏览器控制台报错:UncaughtTypeError:Object(…)isnotafunction终端这边爆warningin.
大大。
·
2024-01-27 01:45
vue相关
javascript
vue.js
前端
vue(
vue2
)使用svg格式图标
先安装插件配置svg文件夹,新建icons文件,svg文件夹放svg后缀文件index.js文件中的配置importVuefrom"vue"importsvgIconfrom"@/common/iconSvg/index.vue"Vue.component('svg-icon',svgIcon)//挂载全局组件//下面这个是导入svgIcon/svg下的所有svg文件constrequireAll
三七_z
·
2024-01-27 01:43
vue.js
前端
javascript
Vue2
配置在methods中的方法属性丢失
Vue2
配置在methods中的方法属性丢失需求现在有这样一个需求:一个带有搜索建议的搜索框,搜索建议由后端数据请求回来。当搜索框失去焦点时,应该取消搜索,直接使用输入的内容。
七冬与小糖
·
2024-01-27 01:07
vue.js
javascript
前端
vue2
中使用swiper组件库
api参数中文官网下载并引入项目//安装
[email protected]
@5.4.5--save//main.js引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper/css/swiper.css'Vue.use(VueAwesomeSwiper,/*{defaultopt
白小白灬
·
2024-01-27 01:32
Vue
vue.js
VUE2
:关于axios的跨域问题(No ‘Access-Control-Allow-Origin‘ )以及解决方案(亲测有用,全流程配图文版,建议收藏)
在
VUE2
的开发过程中跨域问题肯定是前端程序员都遇到过的问题,尤其还是像我这种半吊子前端,报错内容如下:ccesstoXMLHttpRequestat'http://localhost:8080/XXXXXXXX'fromorigin'http
加洛斯
·
2024-01-27 01:01
开发问题报错解决方案
javascript
java
ajax
vue3-elementPlus部分组件样式修改
前提:在less语言下使用/deep/;在sass语言下使用::v-deep替换/deep/但::v-deep的写法已经废弃,建议使用:deep(css选择器)elementUI样式修改:
vue2
-elementUI
小沐°
·
2024-01-27 00:54
vue
vue.js
elementui
前端
如何在一个页面调用另一个页面的methods
建立util.js中转站文件(任意位置,我是在/assets/js/util.js)importVuefrom'vue'exportdefaultnew
Vue2
.分别在两个页面引入该文件(注意路径)3.
小白白呐
·
2024-01-27 00:24
Vue2
基础-Vue对象进阶介绍2
文章目录一、自定义指令1、用法2、注意点二、生命周期1、概念2、示意图3、分析一、自定义指令本质上是封装了DOM元素的具体操作1、用法放大十倍后的值是:constx=newVue({el:‘#root’data:{n:1},directives:{//两种写法//element是真实的DOM元素,此处是//binding是绑定的对象,里面的value表示n的值big(element,binding
轩不丢
·
2024-01-26 20:57
前端框架
javascript
前端框架
前端
vue
vue.js
Vue2
基础-Vue组件化编程
文章目录一、模块与组件1、概念2、分类二、非单文件组件1、创建组件2、注册组件1)局部注册2)全局注册3、注意点1)组件名2)关于组件标签三、VueComponent1、概念2、内置关系三、单文件组件1、格式2、引用1)暴露2)引用3)主文件一、模块与组件1、概念组件实现局部功能代码和资源的集合。2、分类非单文件组件:一个文件中包含n个组件单文件组件:一个文件中只包含一个组件(a.vue)(一般开
轩不丢
·
2024-01-26 20:25
前端框架
vue.js
javascript
ecmascript
RuoYi-Vue前后端分离后台开发框架运行详细教程
http://ruoyi.vip演示地址:http://vue.ruoyi.vip代码下载:https://gitee.com/y_project/RuoYi-Vue下载之后解压,ruoyi-ui是前端代码
vue2
懒员员
·
2024-01-26 18:00
vue.js
前端
javascript
java
maven
安装nvm后不能正常使用vue脚手架的解决方案!!!
毕竟可以自己来更改node版本,但是当我想创建
vue2
学习时却显示:当时以为是自己的问题,找了很久。现在我就教给大家解决的方法:第一步、先全局搜索vue.cmd文件,找到后打开文件所在位置。
ygzhzzy
·
2024-01-26 15:30
vue.js
前端
javascript
3. Windows 10 - Nvm - Node - 创建 Vue项目 Vue-cli 脚手架 3.x
关联链接1.Windows10-Node与Vue-安装
Vue2
.x及3.x框架-项目创建要点-12.Windows10-Nvm——node版本管理工具的安装配置方法-报错问题集锦与解决方法-工程化Node
沐 修
·
2024-01-26 15:28
Vue
vue.js
前端
javascript
VUE2
安装脚手架
流程:1.安装nodejs安装nodejs,自带npm环境。地址:https://nodejs.org/en/download/下载node.js2.安装淘宝镜像安装淘宝镜像:npminstall-gcnpm--registry=https://registry.npm.taobao.org3.安装脚手架(按照步骤走)npminstall-g@vue/clivuecreate文件名开始选择安装(根
只会敲hello world
·
2024-01-26 15:27
vue2
前端
开发语言
vue
切换nvm后VUE脚手架不可用
但是,我居然发现想要重新搞一个
vue2
的项目玩一下都被可恨的系统提示“vue不是内部或外部命令”。
Mr_xiaocaihhh
·
2024-01-26 15:57
vue.js
javascript
前端
网页首页案例(使用框架:继上一篇博客结尾)
文章目录新认识的快捷键1.先写好组件并导入App.
vue2
.往组件中一个一个填内容3.整体静态完成后,发现某些小部分相同,其实可以分装成小组件4.最后通过js动态渲染新认识的快捷键1.Ctrl+滚轮按住往下拖可以部分选中
W`hite
·
2024-01-26 14:28
node.js
前端
开发语言
Vue——vue3拖拽库Sortablejs
VueDraggablePlus是一个支持
Vue2
和Vue3的拖拽库,它具有以下特性:功能齐全:全面继承Sortable.js的所有功能无缝迁移:适用于Vue3和
Vue2
灵活使用:支持组件、指令、函数式调用
还需studystudy
·
2024-01-26 14:07
vue.js
前端
Vue3-在HTML标签、组件标签上使用v-model
它是Vue.js框架的最新版本,相比于
Vue2
,Vue3在性能、开发体验和可维护性方面进行了一系列的改进和优化。
杨荧
·
2024-01-26 14:16
html
前端
开源
vue.js
vue 中使用 Touch events
本打算使用zepto+zepto.touch来做,但是考虑到就一个地方,想想就算了,然后发现了一个很好用很厉害的东西,
vue2
-touch-events.
vue2
-touch-events可以点进去,查看详细的
书简_yu
·
2024-01-26 13:41
vue2
使用websocket和echars动态展示本机CPU使用情况,后端框架使用fastapi
后端代码:fromfastapiimportFastAPI,WebSocketimportpsutilimportasyncioapp=FastAPI()@app.websocket("/ws")asyncdefwebsocket_endpoint(websocket:WebSocket):awaitwebsocket.accept()whileTrue:cpu_usage=psutil.cpu_
默默前行的旅者
·
2024-01-26 12:51
websocket
fastapi
网络协议
上一页
9
10
11
12
13
14
15
16
下一页
按字母分类:
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
其他