![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3
文章平均质量分 73
Vue3
Web - Nancy
前端程序媛
展开
-
Vue3 列表自动滚动播放(表头固定、列表内容自动滚动播放)+ vue3-seamless-scroll - 附完整示例
vue3-seamless-scroll:Vue3.0 无缝滚动组件,支持Vite2.0,支持服务端打包目前组件支持上下左右无缝滚动,单步滚动,并且支持复杂图标的无缝滚动,目前组件支持平台与Vue3.0支持平台一致。原创 2024-08-05 08:00:00 · 1813 阅读 · 0 评论 -
Vue3 mitt 组件通信 - 附完整示例
Vue2.x 使用 EventBus 进行组件通信,而 Vue3.x 中EventBus被弃用了,因此推荐使用 mitt.js。事件总线,是第三方插件。原创 2023-08-07 08:00:00 · 6078 阅读 · 6 评论 -
解决dataV不适配Vue3 + Vite - npm install @jiaminghi/data-view之后启动项目报错的问题 - @kjgl77/datav-vue3 - 附完整示例
npm install @jiaminghi/data-view之后启动项目有报错,发布到线上的生产环境是自动化构建的,为了避免npm install也会有开发环境的报错问题,故因此记录原创 2024-07-22 08:00:00 · 1114 阅读 · 0 评论 -
Vue3 + Vite 引入dataV - Internalserver error:<template v-for> key should be placed on the <template>
大屏需要使用dataV的边框及装饰,因此在Vue3 + Vite的项目中引入dataV具体的安装请看这里。原创 2024-07-15 08:00:00 · 541 阅读 · 1 评论 -
Vue3 Element Plus 封装 el-select - 附完整示例
Vue3 Element Plus 封装 el-select原创 2024-06-17 08:00:00 · 1919 阅读 · 0 评论 -
ECharts 仪表盘 label和刻度线根据值数据内容动态颜色变化 - 以空气质量指数为例 - 附完整示例
Apache EChartsApache ECharts,一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。原创 2024-04-15 08:00:00 · 1168 阅读 · 0 评论 -
Vue3 ECharts Uncaught(in promise)Error: Initialize failed: invalid dom.at Module.init2(echarts.js:22
一开始使用的根据ID获取节点,无论是使用onMouted,还是nextTick,甚至是onMouted + nextTick,都获取不到dom节点,使用ref即可。原创 2024-04-08 08:00:00 · 1029 阅读 · 0 评论 -
Vue3 ECharts Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘) + (reading ‘0‘
使用ResizeObserver监听ECharts宽高变化,出现了以下两种报错,外加图表与数据错位的问题。原创 2024-04-01 08:00:00 · 464 阅读 · 3 评论 -
Vue3 封装ECharts 组件 抽离复用 包含图表随着窗口宽高变化而变化 - 附完整示例
避免重复的代码造成冗余,抽离封装提高复用性代码逻辑更加清晰,方便后期维护Apache EChartsApache ECharts,一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。原创 2024-03-25 08:00:00 · 1235 阅读 · 0 评论 -
Vue ECharts line3D点击空白处重置图表视角- 附完整示例
Apache EChartsApache ECharts,一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。原创 2024-03-11 08:00:00 · 1737 阅读 · 0 评论 -
Vue3 路由配置 + 路由跳转 + 路由传参(动态路由传参 + 普通路由传参)
介绍 | Vue RouterVue.js 的官方路由。原创 2024-02-26 08:00:00 · 10120 阅读 · 1 评论 -
Vue3 provide + inject
Vue.js - 渐进式的 JavaScript 框架。应用实例 API | Vue.js。原创 2024-02-19 08:00:00 · 288 阅读 · 0 评论 -
Vue 使用高德地图,添加点标记 + 点击地图获取坐标 + 带搜索(即地理编码 + 逆地理编码) - 附完整示例
与真实世界联通 - 高德开放平台为开发者赋能,将地图精致地呈现在您的应用中无论基于哪种平台,都可以通过高德开放平台API和SDK,轻松地完成地图的构建工作地图 | 高德地图API地图,地图sdk,地图JS API,地图定制,自定义地图,地图覆盖物,地图绘制,路线规划,坐标转换,距离/面积计算,距离测量,室内地图,地图显示,地图个性化,地图开发,室内定位。原创 2023-07-10 09:00:00 · 7284 阅读 · 2 评论 -
JS Vue 排序,包含汉字,日期,英文/英文混合数字(localeCompare,new Date / Date.parse、sort) - 附完整示例
效果1、table(1)排序前(2)排序后(以年龄排序为示例)(1)排序前(2)排序后。原创 2023-09-25 08:00:00 · 539 阅读 · 0 评论 -
Vue VueUse-基于Vue组合式API的实用工具集 - 附完整示例
2、示例版本三、使用步骤1、在单页面引入 '@vueuse/core'2、具体使用(1)useDebounceFn(2)useClipboard注:复制还可以用插件 - clipboard.js,具体使用可参照这篇博客Js Vue 一键复制文本内容 - clipboard.js(兼容谷歌等主流浏览器)- 附完整示例_clipboard.js vue_Web - Nancy的博客-CSDN博客原创 2023-10-16 08:00:00 · 4893 阅读 · 0 评论 -
Vue Ant Design of Vue tree 已选中的节点再次点击保持高亮 - 附完整示例
效果注:也可以在浏览器中使用 和 标签直接引入文件,并使用全局变量 。Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.js2、具体使用 - 准备数据2、example.vue原创 2023-11-13 08:00:00 · 464 阅读 · 0 评论 -
Vue Ant Design Vue table pagination - 表格分页 - 附完整示例
Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.jsAn enterprise-class UI components based on Ant Design and Vuehttps://3x.antdv.com/components/pagination-cn/注:也可以在浏览器中使用 和 标签直接引入文件,并使用全局变量 。Ant Design Vue — An enterprise原创 2023-11-06 08:00:00 · 947 阅读 · 0 评论 -
Vue Ant Design Vue table customRender()函数 + h()函数
生成复杂数据的渲染函数,参数分别为当前行的值,当前行数据,行索引。原创 2023-10-23 08:00:00 · 8398 阅读 · 2 评论 -
Vue Ant Design Vue table customCell 设置单元格属性(带斑马纹) - 附完整示例
Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.jsAnt Design Vue — An enterprise-class UI components based on Ant Design and Vue.jsAn enterprise-class UI components based on Ant Design and Vuehttps://3x.antdv.com/components/t原创 2023-12-11 08:00:00 · 2558 阅读 · 0 评论 -
Vue Ant Design Vue table customRow + rowClassName 设置行属性 + 表格行的类名(带斑马纹和默认选中第一条数据) - 附完整示例
Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.jsAnt Design Vue — An enterprise-class UI components based on Ant Design and Vue.jsAn enterprise-class UI components based on Ant Design and Vuehttps://3x.antdv.com/components/t原创 2024-01-22 08:00:00 · 1166 阅读 · 0 评论 -
Vue3 watch 监听基本数据类型、数组、对象(属性)、Props、多个数据的写法
【代码】Vue3 watch 监听基本数据类型、数组、对象(属性)、Props、多个数据的写法。原创 2024-01-08 08:00:00 · 2692 阅读 · 0 评论