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
vue3导出excel
vue3
+echarts应用——深度遍历html的dom结构并用树图进行可视化
文章目录⭐前言
vue3
系列文章⭐html数据解析html字符串转为html对象深度遍历html对象内容⭐echarts树图的渲染处理html内容为树状结构渲染树状图inscode代码块⭐总结⭐结束⭐前言大家好
yma16
·
2024-01-11 19:12
vue专栏
web站点
javascript
vue3
echarts
可视化html结构
数据分析
深度遍历
5分钟搞定
vue3
函数式弹窗
前言最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简单的实现方式呢?函数式弹窗的使用场景首先我们来看看什么是函数式弹窗?函数式弹窗是一种使用函数来创建弹窗的技术。它可以简化弹窗的使用,只需要在需要弹窗的地方调用函数就
工业甲酰苯胺
·
2024-01-11 19:28
vue.js
elementui
javascript
Vue3
为什么要用 Proxy 代替 Object.defineProperty 实现响应式
Object.defineProperty劫持数据只是对对象的属性进行劫持无法监听新增属性和删除属性需要使用vue.set,vue.delete深层对象的劫持需要一次性递归varobj={a:1,o:{b:2,o1:{}}}劫持数组时需要重写覆盖部分Array.prototype原生方法Proxy劫持数据真正的对对象本身进行劫持可以监听到对象新增删除属性只在getter时才对对象的下一层进行劫持(
coolheadedY
·
2024-01-11 18:51
面试题:vue2中option API的和
vue3
中composition API中的数据和方法能否交互?
结论:vue2中optionAPI中的数据和方法可以从
vue3
中的compositionAPI中进行调用,而
vue3
中的compositionAPI是不可以从vue2中的数据进行调用。
荀鼠不是鼠
·
2024-01-11 18:10
vue
vue.js
前端
javascript
vite:极速、轻量构建工具(结合
vue3
)
1.创建一个vite项目npminitvite-appcdnpminstallnpmrundev或者yarncreatevite-appcdyarnyarndev2.vite简介vite是一个基于
Vue3
好了来看下一题
·
2024-01-11 17:57
vue
js
vue
js
如何使用startCMS进行应用开发,前端开发,后端开发
简介StartCMS是一个基于ThinkPHP6.0+、ElementUI、MicroApp的极速微应用开发框架前端不限技术栈,支持Vue2、
Vue3
、Vite、React、Rangular...后端不限制语言
彼岸496
·
2024-01-11 17:57
vue.js
前端
javascript
基于
Vue3
+TypeScript+Vite实现的文件在线预览 file-viewer3使用指南
基于
Vue3
实现的文件在线预览file-viewer效果预览:
Vue3
纯前端文档预览演示本项目作为当前仓库的
vue3
构建版本,会跟随vue2版本持续更新,敬请期待,欢迎提交issue和交流技术。
小爬的老粉丝
·
2024-01-11 17:57
typescript
javascript
开发语言
vue
前端框架
Vite2 +
Vue3
+ TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】
从我最初接触
vue3
版本到现在已经有一年的时间。由于
vue3
.2版本的发布,的实验性标志已经去掉,已经陆陆续续有不少公司开始使用
vue3
.2开发项目了。
前端开发爱好者——
·
2024-01-11 17:25
typescript
javascript
前端
开源
Vue3
组件库
ElementPlus官网:一个
Vue3
UI框架|ElementPlus简介:基于
Vue3
和TypeScript,提供了70多个易于使用的组件AntDesignVue官网:AntDesignVue—Anenterprise-classUIcomponentsbasedonAntDesignandVue.js
ken_coding
·
2024-01-11 17:25
前端
开源
vue
为什么
Vue3
中声明响应式一般用const
为什么
Vue3
中声明响应式对象一般用const。
晨灰ash2
·
2024-01-11 17:13
Vue3.0
vue
Vue3
.0中reactive与ref声明响应式对象使用计算属性值
TypeError:ConvertingcircularstructuretoJSON-->startingatobjectwithconstructor'ComputedRefImpl'|property'effect'->objectwithconstructor'ReactiveEffect'---property'computed'closesthecircleatJSON.stringi
晨灰ash2
·
2024-01-11 17:13
Vue3.0
前端
前端
vue
vue3
移动端实现pdf预览
第一种方式:使用vue-pdf-embed和
vue3
-pdfjs使用的插件有:npmivue-pdf-embednpmi
vue3
-pdfjshtml部分:js部分://引入两个插件相关的importVuePdfEmbedfrom'vue-pdf-embed
虚诚
·
2024-01-11 17:56
pdf
vue
element-plus 、element-ui —— Cascader 勾选内容后自动关闭内容选择面板
$refs.CascaderRef.dropDownVisible=falseelement-plus的关闭面板方式
vue3
.0写法CascaderRef.value.togglePopperVisible
爱吃果蔬的猫
·
2024-01-11 14:29
vue.js
elementui
前端
Vite+
vue3
+Ts+pinia开发(四:SCSS、Axios以及别名@的使用)
首先你完成了如下:Vite+
vue3
+Ts+pinia实战(一:初始、基础安装、踩坑)Vite+
vue3
+Ts+pinia开发(二:路由、pinia、UI库安装)Vite+
vue3
+Ts+pinia开发
邪七
·
2024-01-11 13:34
若依前后端分离版关联字典值查询数据工具类使用
场景若依管理系统
导出Excel
时添加没有的列和关联码表显示中文进行导出:若依管理系统
导出Excel
时添加没有的列和关联码表显示中文进行导出_若依的导出添加额外的字段信息-CSDN博客上面通过关联表的方式实现查询字典值
霸道流氓气质
·
2024-01-11 13:45
架构之路
spring
boot
Vue3
实现列表虚拟滚动
前言近期在做一个网页播放器项目中,用到很多需要展示歌单的列表一个歌单动辄千百首歌曲,页面中的元素太多导致热重载的时候chrome直接崩了于是无限滚动列表提上日程写的有点乱,也是第一次用typescript写项目,先记录一下完成效果gif_001.gif思路和需要解决的问题与懒加载不同,虚拟滚动需要一次性获取所有数据,但是只显示屏幕可见范围内的数据要做到这些我需要知道:一行的高度屏幕范围内能显示的行
你会瘦
·
2024-01-11 13:35
HbuilderX使用Uniapp+
Vue3
安装uview-plus
如果你是vue2版本想使用uniapp去配置uviewui库可以参考之前的文章uView系列——使用教程小程序的第三方ui库推荐较多的还是uview的,看起来比较美观,功能也比较完善,下面将提一下
Vue3
Southern Wind
·
2024-01-11 12:25
Vue3
uni-app
uni-app
如何在 Monorepo 中制作支持多个框架的组件?
AgnosticUI适用于React、
Vue3
、Angular和Svelte。这正是我们今天在本文中要做的事情:构建一个可跨所有这些框架工作的按钮组件。为什么是Mono
前端玖耀里
·
2024-01-11 12:47
前端
前端
vue
javascript
vue3
常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
文章目录一、按需引入自定义组件:unplugin-vue-components1.安装[unplugin-vue-components]2.在vite中使用二、自动导入依赖包:unplugin-auto-import1.安装2.vite.config.js配置3.使用效果三、自动生成路由:vite-plugin-pages1、安装2、配置-vite.config.js中配置3、配置-router/
邹荣乐
·
2024-01-11 11:50
vue3
unplugin
components
按需引入
自动引入组件
自动导入依赖包
自动生成路由
自动生成模拟数据
【Go】excelize库实现excel导入导出封装(三),基于excel模板
导出excel
前言大家好,这里是符华~关于excelize库实现excel导入导出封装,我已经写了两篇了,我想要的功能基本已经实现了,现在还差一个模板导出,这篇文章就来讲讲如何实现用模板
导出excel
。
符华-
·
2024-01-11 10:44
Go
excelize
golang
excel
vue3
知识点5.2项目路由router教程 vue项目引入路由 搭建路由 嵌套路由 路由传参 导航守卫 命名视图 重定向 别名
vue3
知识点5.2项目路由router教程(汇总路由全部用法)前言:上一章我们学会了如何用
vue3
cli搭建项目。
luanmabug
·
2024-01-11 10:55
vue基础
vue.js
javascript
前端
vue
vue-cli3
vue3
权限管理——(路由权限)动态路由设置
1.大概思路设置基础路由login和home等页面;登录后从后端获取user,token,rights等数据,并将数据同时存储到vuex和sessionStorage中将后端获取的权限数据(作为不同用户显示不同菜单及不同路由的依据)和路由页面进行映射;写公共方法添加动态路由;在路由全局守卫中判断是否已添加过动态路由,如果已添加直接next()未添加调用添加动态路由方法,并且放行(next({...
Jyann~
·
2024-01-11 10:17
Vue
前端
vue.js
前端
vue3动态路由
使用 Vue 3 实现 基于身份的权限验证
在
Vue3
中,可以通过使用路由守卫和状态管理来实现基于身份的权限验证。
星空,二脚
·
2024-01-11 10:46
vue.js
javascript
前端
vue3
用户权限管理(路由控制等)1
在前端开发的过程中,我们需要做前端的权限管理,我们需要根据后端提供的信息来控制权限,这时候就需要根据用户的操作来进行权限控制了。逻辑稍微有一点绕,多理解就好了。用户路由权限管理大致的实现原理:一般将路由分为2种,一种是静态路由,就是所有的账号都可以访问的路由,比如登录,比如主页等,还有一种是动态路由,就是我们需要做权限判断的路由。实现逻辑是,当我们登录完成后,获取到token,用token去接口请
香蕉麻花皮
·
2024-01-11 10:44
前端
补充
vue3
用户管理权限(路由控制)
之前有人问我,如果是二级路由如何添加,这里我做一个补充吧。直接拿方法去用就行。也不做解释了。稍微看下就能看懂了假设,后端返回给我们一个数据[“/defa”,"/defa/defa1"]这样的一个路由表,我们就需要通过这个路由表去筛选匹配我们的动态路由,然后在进行添加。假设我们的动态路由是[{path:"/defa",name:"defa",component:()=>import("@/views
香蕉麻花皮
·
2024-01-11 10:06
javascript
前端
vue.js
element input组件自动失去焦点问题解决
最近在
Vue3
+ElementPlus中,使用el-input组件时,如果设置了v-model,那么在每次改变内容后后,input会自动失去焦点,这样会导致用户无法输入多个字符。
天問_
·
2024-01-11 10:25
Vue
vue
elementui
vue3
中css使用js变量
使用v-bind.el-form-item--default.el-form-item__label{color:v-bind(backgroundColor);}
杜蜜月
·
2024-01-11 09:29
css
setup 语法糖
只有
vue3
.2以上版本可以使用优点:更少的样板内容,更简洁的代码能够使用纯Typescript声明props和抛出事件更好的运行时性能更好的IDE类型推断性能在sciprt标识上加上setup顶层绑定都可以使用不需要
土井塔克树1412
·
2024-01-11 08:42
vuejs
vue.js
前端
javascript
Vue3
中的`ref`和`reactive使用中遇到的一些坑
Vue3
中的ref和reactive使用中遇到的一些坑以下是一些常见的问题和解决方法:同时使用ref和reactive:在
Vue3
中,ref和reactive是两种不同的数据响应方式。
你的眼睛會笑
·
2024-01-11 07:10
vue.js
前端
javascript
vue3
+ts笔记
vue3
中是通过createApp函数创建一个应用实例。选项API和组合API:
vue3
中开始弱化this;setup将数据和方法交出去,模板中才可以使用,setup的返回值也可以是一个渲染函数,se
初心w50t2
·
2024-01-11 07:03
VUE
笔记
vue.js
typescript
【
vue3
.0】23.0 某东到家( 廿三)——下单流程优化
弹窗优化目前进入订单页面后,是直接弹窗,但实际使用效果是点击“提交订单”后再弹窗。优化如下:src\views\orderConfirmation\Order.vue实付金额¥{{calculations.totalPrice}}提交订单确认离开收银台请尽快完成支付,否则将被取消取消订单确认支付import{ref}from'vue'import{useCommonCartEffect}f
bobokaka
·
2024-01-11 07:18
uniapp 扫码原生插件 - 组件版(毫秒级、连续扫码、多码)Ba-ScanView
component组件模式,可直接在uniapp界面直接引用,高宽可随意设置支持连续扫码,可设置时间间隔支持多码选择支持设置扫码格式支持打开、关闭闪光灯支持相册图片识别同时支持vue2和
vue3
支持关闭和打开扫描支持多码直接返回扫码原生插件
三杯五岳
·
2024-01-11 06:38
uni-app
uni-app
扫码
组件
原生插件
毫秒级
vue3
+TS+pinia+cookies+axiox 实现简单登录的持久化
浏览器缓存相关设置2.pinia状态管理应用3.request请求/响应拦截4.路由守卫5.登录页代码6.header登录部分代码二.部分代码截取1.login登录页2.header部分完整项目请访问gitee:
vue3
程序猿online
·
2024-01-11 05:06
vite创建vue3
TS项目实例
前端
vue3
+TS axiox接口模块添加,fast mock接口访问测试
目录一.接口地址二.apipost接口测试,能否接通三.安装axiox1.下载安装依赖2.新建src/utils/request.ts文件2.1解释:后续后端真实接口需要替换baseURL,目前没有使用配置文件,后续更换3.新建src/utils/storage.ts文件4.新建src/utils/formDataFormat.ts文件,5.修改vite.config.ts文件,添加代理转发5.1
程序猿online
·
2024-01-11 05:36
vite创建vue3
TS项目实例
vue.js
前端
javascript
vue3
+TS 安装使用pinia状态管理
目录一.安装1.下载安装依赖2.创建src/stores/index.ts文件3.创建src/stores/states.ts文件4.创建src/stores/interface/index.ts文件5.修改main.ts6.目录结构如下7.测试使用8.去到首页点击按钮,打开控制台查看一.安装1.下载安装依赖npminstallpinia2.创建src/stores/index.ts文件impor
程序猿online
·
2024-01-11 05:34
vite创建vue3
TS项目实例
vue.js
前端
javascript
2024年Vue 3学习笔记:Vu3基础的完整指南
文章目录开篇总结1.创建
Vue3
工程1.1【基于vue-cli创建】1.2【基于Vite创建】(Vue官方推荐)1.3【基于Vite官方create-vite创建】2.
Vue3
语法核心2.1【拉开序幕的
放荡不羁的小雨鸽
·
2024-01-11 05:33
vue.js
学习
笔记
细节!!!整理Vue项目中的那些环境变量
但是我这里想去给他专个明白,因为基于传统Vue2+Webpack的项目与
Vue3
+Vite**的项
放荡不羁的小雨鸽
·
2024-01-11 05:03
vue.js
前端
javascript
vue3
vue-route4跳转新页面无法获取params参数
问题:
vue3
vue-router4跳转新页面无法获取params参数//跳转代码router.push({name:'newPage',params:{id:1}})//接收代码constres=router.currentRoute.value.paramsconsole.log
sanqi2469
·
2024-01-11 03:51
vue.js
javascript
前端
让el-option和el-select宽度保持一致
下面是
Vue3
写法:
百思不得小李
·
2024-01-11 03:06
vue2
javascript
前端
vue.js
vue3
组合式 API 在 onMounted 中调用 dom 报错 Initialize failed: invalid dom.
但是在
vue3
的项目中作者已经将图标渲染的操作放入onMounted中执行,可是还是报
Jiang_JY
·
2024-01-11 02:17
前端
javascript
vue
vue.js
javascript
前端
echarts
vue3
中如何让页面不能被全选
只需要在最外层div中加入user-select:none;样式即可.container{width:100%;height:100vh;user-select:none;}
zhige@
·
2024-01-11 02:29
前端
Vue3
Vue中$route和$router
在
Vue3
中,可以使用useRoute和useRouter这两个函数代替$route和$router。因此$router是用来操作路由的,$route是用来获取路由信息的。
进击中的大学生
·
2024-01-11 01:13
vue.js
网络
前端
vue3
-elementplus 后台管理系统的Layout布局
1.采用elementplus中container布局容器2.router.js中进行配置路由import{createRouter,createWebHistory,}from"vue-router";importLayoutfrom'@/layout/index.vue'constroutes=[{path:'/',redirect:'/login'},{name:'login',path:'
前端阿槑
·
2024-01-11 01:29
前端
vue.js
javascript
vue3
引入elementplus后使用布局容器不生效
问题说明vue集成了elementplusmain.jsimport{createApp}from'vue'import'./style.css'importAppfrom'./App.vue'importrouterfrom'./router'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'varapp=
qq_50487743
·
2024-01-11 01:59
vue
elementuiplus
vue.js
css
前端
Electron快速上手
Electron目录简介打包简单的html/css/javascript项目打包Vue2项目打包
Vue3
项目简介Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。
木芒果呀
·
2024-01-11 00:08
electron
javascript
前端
基于 SpringBoot + magic-api +
Vue3
+ Element Plus + amis3.0 快速开发管理系统
Tansci-Boot基于SpringBoot2+magic-api+
Vue3
+ElementPlus+amis3.0快速开发管理系统Tansci-Boot是一个前后端分离后台管理系统,前端集成amis
tansci
·
2024-01-11 00:17
Java
springboot
vue
spring
boot
后端
java
nc
导出excel
单元格加底色
nc
导出excel
单元格加底色Stringxmbh=StringUtils.getStringNullValue(vo.getXmbh());CellStylecellstyle=rwb.createCellStyle
记录&日常
·
2024-01-10 23:47
nc积累
excel
前端
javascript
vue3
ts defineProps、defineEmits、defineExpose、defineOptions、defineSlots
文章目录前言一、defineProps二、defineEmits三、defineExpose四、defineOptions(
Vue3
.3新特性)五、defineSlots(
Vue3
.3新特性)前言本章我们来讲解
枫ゞ
·
2024-01-10 23:06
vue3知识点
vue.js
javascript
前端
Leaflet入门,Leaflet加载Geojson格式数据并渲染全球各国行政区划边界
Leafletvue2如何使用:《Leaflet入门,如何使用vue2-leaflet实现vue2双向绑定式的使用Leaflet地图,以及初始化后拿到leaflet对象,方便调用leaflet的api》
vue3
汤姆猫不是猫
·
2024-01-10 22:41
Vue+Leaflet入门
vue.js
Leaflet
leaflet-vue
加载geojson
vue3
基础类型和引用类型,和store的使用
案例一:如果我在store创建一个变量,是读取缓存key为name的数据,store.name默认值是张三#声明一个变量consttitle=ref(store.name)#然后修改title.value="李四",#问:打印store.name,会显示李四吗?#再换一个写法consttitle=computed({get(){returnstore.name},set(v:string){sto
梦想与想象-广州大智汇
·
2024-01-10 21:40
vue
vue
store
pinia
前端
上一页
89
90
91
92
93
94
95
96
下一页
按字母分类:
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
其他