首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue3+Vite+ElementPlus
水冗水孚
创建于2023-07-23
订阅专栏
好记性不如烂笔头...
等 6 人订阅
共21篇文章
创建于2023-07-23
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
实现el-table中输入框单元格的上下左右键快捷切换
需求描述 最近有一个需求,就是用户说,不习惯使用tab键做输入框input的光标切换 (tab键盘没法回到之前的input光标,只能走了一圈后再回到原点那种) 用户喜欢使用上下左右键,来进行输入框切换
十分钟带你学会原生js的Drag and Drop拖拽在Vue中的使用——结合两个具体案例
问题描述 关于拖拽的需求的解决方式有两种 一个是使用鼠标事件来控制,比如mousedown鼠标按下、mousemove鼠标移动、mouseup鼠标松开 再一个就是使用js提供的drag与drop事件去
效能工具(八)之vite开发或生产环境下的命令行变量传参(比如启动项目时多视图选择其一)
需求描述 前段时间有这样的一个需求: 笔者有一个项目,在启动或者打包的时候 需要根据一些实际情况,去选择展示那个视图 就是我们在项目启动或者打包的时候,需要注入一个全局变量(保存在.env.devel
算法的应用场景之寻找最近数&时间线组件锚点跳转对应位置
需求描述 前两天和以前公司的同事聊天,他提到在刷leetcode,并提到算法感觉不接地气 似乎也没有什么应用场景 于是乎,笔者翻出一个案例需求给到他 看完以后,他感叹道: 还是自己见得少了... 需求
没错!五分钟带你学会Vue中的音频字幕同步播放功能(以VVT格式为例讲解)
需求描述 有一个MP3音频文件,在播放的时候,需要展示对应的字幕给到用户 即为需要做到视频和音频同步的效果 如下效果图 演示地址:http://ashuai.work:8890/19 字幕文件的种类
Vue3中实现el-table单选功能(取消前一项的选中)
需求描述 产品说,表格行要只能选中一个 且,不能使用el-radio方式 因为要可以取消选中 于是乎,有了当前的文章记录 我们先看效果图 效果图 代码思路 首先,把el-table的全选全不选勾选框取
ClickOutside的五种解决方案(在vue3和vue2中)
效果图 Vue3中 方案一 使用vueuse提供的onClickOutside函数 如下代码: 官方文档地址:https://vueuse.org/core/onClickOutside/ 方案二 使
vue3中的provide和inject实用案例之基于el-dialog的命令式弹框,直接一行js代码打开
需求场景 某些情况下,我们要使用一个弹框组件的时候 一般都是这样使用: 也就是说,每次想要有一个弹框打开功能 都需要引入 ElDialog、再定义一个弹框打开关闭的变量 dialogVisible 在
vue3中实现live2D技术的应用虚拟角色数字人live2d-render、pixi-live2d-display
什么是live2D技术?可以用来做什么? 请点击看效果:http://ashuai.work:8890/#/16 简而言之: 可以用来创建虚拟角色、数字人的技术 达到类似于动漫、插画、游戏中的人物效果
vue3中修改element plus组件源码并使用,比如自定义额外逻辑的解决思路方式(亲测有效)
问题描述 element plus组件库,给到了很多ui组件,让我们使用 考虑到不同用户在使用组件的时候,场景需求不同 组件提供了诸如Attributes、Slots、Exposes、Events以供
vue3中用MutationObserver采取hook方式实现视频的不可拖拽功能&&效能工具(六)一键提交git代码的bat脚本
需求描述 项目中有视频播放功能 采取的是开源组件,西瓜视频的开源组件 点击去官网xgplayer 大致需求就是若视频没有播放完毕,就不允许拖拽跳着观看 当然会有一个字段记录视频有没有播放完毕 需求实现
Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly define...
Feature flag VUE_PROD_HYDRATION_MISMATCH_DETAILS is not explicitly defined. You are running the esm-
Vue3+Vite+TS使用npm包校验报错问题:无法找到模块xxx的声明文件、xxx.js”隐式拥有any类型
报错截图 比如下载并使用nprogress包,报错截图如下 比如下载并使用vue-baidu-calendar包,报错截图如下 报错场景 使用npm下载了某些包 在Vue3+ts项目中使用 引入进来后
快速学习Vue3中xgplayer视频播放、driver.js做操作导航、html2canvas做截图、仿写vue的{{}}语法、仿写vue中:style的用法
五个知识点 阅读完本文,读者可以学习到以下知识点: Vue3中xgplayer视频播放 driver.js做操作导航 html2canvas做截图 仿写vue的{{}}语法 仿写vue中:style的
Vue3中使用hook实现按住Shift快速勾选el-table功能
需求描述 最近产品说,某个el-table要实现按住shift键快速勾选功能 大概就是仿windows系统的文件shift按住选中功能 反正就是尽可能多的让用户勾选 方便用户快速勾选操作 Window
Vue3中写一个自定义指令实现吸顶效果附完整代码(比如给el-table或者其他的dom元素使用)
需求效果图 给el-table吸顶 给一些dom元素吸顶 实现过程 思路分析 因为css中的sticky兼容性不是特别好 所以我们使用fixed搭配滚动,去动态控制dom元素是否固定定位 首先,吸顶效
Vue3+Echarts5使用geo3D搭配bar3D实现3D地图柱状图下钻效果
效果图 我们先看一下效果图,大致知道最终是什么样的(若是有道友也要做类似的效果,可以在阅读完毕以后,直接复用哦😄) 大致需求如下 绘制出安徽省【以及省内的各个城市、区县】地图 市和区县都有对应的数据,
从一个Echarts报错,来进一步学习Vue3中的ref和shallowRef区别&附Echarts组件二次封装代码
Uncaught TypeError: Cannot read properties of undefined (reading 'type') at LineView2.render (LineVi
echarts设置tootip轮播切换展示(vue3搭配vue-echarts复制粘贴即用)
效果图 思路 来一个定时器setInterval每隔一秒触发一次showTip展示tootip 关键代码如下:(派发一次,就弹出一次tootip) tootip切换就是更改一下数据的下标索引dataI
解决elementPlus中的Autocomplete弹出层错位问题
问题描述 在饿了么UI中有一个Autocomplete搜索建议输入框组件,一般这个组件是用于做远程关联搜索的(类似百度一下咱们输入一个字,会提示出相关的选择建议) 可是在某些情况下,这个Autocom
下一页