目录一、效果图二、实现思路1. 新建 tags-view.js2. 在Vuex里面引入tags-view.js3. 新建tabsView组件4. 新建ScrollPane组件5. 引入tabsView组件6. 使用keep-alive组件进行页签的缓存总结一、效果图实现之后的效果如下图所示，点击左边的不同的菜单会打开多个页签，并且右键页签可以操作关闭页签。二
......
514
0
0
2023-03-04
目录vue组件之confirmvue自定义confirm弹窗（全局组件）全局组件方式vue组件之confirm一些自带的方法，比如alert，confirm等，往往由于浏览器不同而展现出不同的样式，为了统一，我们可以自己实现简单封装，下面代码是vue的一个组件，它简单实现了confirm功能。代码如下：<!--
*
* 确认对话框
*
......
379
0
0
2023-03-03
目录一、实现效果 二、所需插件三、word文档模板 四、封装js 文件五、实现导出word文档总结一、实现效果 以填写并导出房屋出租审批表为例，首先填写表格相应内容后，点击" 导出 "按钮实现word文档的导出功能，界面如下所示： 最后导出word文档如下所示：二、所需插件这里使用np
......
745
0
0
2023-03-03
目录先上几个网址安装组件中引入 基本使用 补充 最近刚开始做的一个项目，后面有个模块要通过three.js实现3D的场景，因为之前也没接触过3D这块，就提前学了一下，做个记录。先上几个网址ThreeJS官方：http://www.thingjs.com/guide/city2/ ThreeJS文档：https://th
......
626
0
0
2023-03-01
目录引言1.涉及到的主要知识讲解1.1 Vue2 中自定义指令1.1.1 指令对象的钩子函数1.1.2 钩子函数参数1.2 使用事件总线进行模块之间的通信1.3 使用到的 Web API1.3.1 Element.clientHeight1.3.2 Element.getBoundingClientRect()2.图片懒加载指令的基本介绍2.1 最终的实现效
......
421
0
0
2023-03-01
目录正文父子组件通讯原则EventBus的简介如何使用EventBus初始化发送事件接收事件移除事件监听者全局EventBus创建全局EventBus总结正文许多现代JavaScript框架和库的核心概念是能够将数据和UI封装在模块化、可重用的组件中。这对于开发人员可以在开发整个应用程序时避免使用编写大量重复的代码。虽然这样做非常有用，但也涉及到组件之间的数
......
427
0
0
2023-03-01
目录前言大纲在线演示初始化的随机位置算法检查是否被覆算法碰撞检测覆盖算法实现三连匹配算法队列区排序算法总结前言这两天社区很多羊了个羊的web实现，虽然各种实现花里花哨，然而，并没有一个一个jy能给他说清楚到底怎么实现的，由于可怕的求知欲，自己来吧！大纲羊了个羊这个现象级游戏之所以能成功，不是因为他像原神一样，靠着质量、体验、剧情你爱不释手他靠的是烂，让你爱不
......
432
0
0
2023-02-28
目录1.前言2.先来看效果图3.步骤详解3.1vue3安装highcharts3.2如何使用，如何按需引入4.封装RadialBar组件，包括图表的点击事件4.1RadialBar.vue思路4.2RadialBar.vue完整代码4.3使用RadialBar.vue4.4css如何实现三角箭头的生成5.总结1.前言目前正在做vue3的数据可视化项目，vue
......
489
0
0
2023-02-27
目录1、什么是动态创建组件2、Vue.extend()3、通过extend实现弹窗的动态创建3.1、创建动态组件3.2、编辑动态组件的逻辑3.3、在main.js中引入使用3.4、在需要的地方通过触发事件显示弹窗3.5、效果图vue中通过extend动态创建全局组件；1、什么是动态创建组件只有在触发事件的时候，才产生某组件，平时它并不存在；2、Vue.ext
......
337
0
0
2023-02-26
目录1. 初始化项目2. setup方法2.1 执行时机2.2 接受props数据2.3 context3. reactive4. ref4.1 在 reactive 对象中访问 ref 创建的响应式数据5. isRef6. toRefs7. computed计算属性7.1 只读的计算属性7.2 可读可写的计算属性8. watch8.1 基本用法8.2 监视
......
302
0
0
2023-02-25
目录输入式动态添加单选式动态添加组合式动态添加组合式动态添加(回传名称)单选、多选组合式数据回显完整示例总结单选切换多选（补充）下拉框渲染卡顿问题（补充）双循环遍历优化输入式动态添加输入式：即input的值由用户输入；例如：通过自定义用户标签，给用户动态添加多个标签。<template>
<div class="app">
&
......
421
0
0
2023-02-24
目录知识前置需求分析实现创建能够输入文本的文本框添加at功能后记知识前置基于vue手把手教你实现一个拥有@人功能的文本编辑器（其实就是微信群聊的输入框）Selection 对象，表示用户选择的文本范围或插入符号的当前developer.mozilla.org/zh-CN/docs/…contenteditable 是一个枚举属性，表示元素
......
438
0
0
2023-02-20
目录组件选择实现一个最简单的导出单条数据导出到word批量数据导出到wrod前言：先说下需求：如何批量导出表格中勾选的数据，导出格式为word，并具有一定的格式！开发环境：vue3、node v14.15.0组件选择因为导出word需要保留一定的格式，所以这里选择docxtemplater，利用定制导出模板的方式限制数据的导出格式。实现一个最简单的导出安装（
......
312
0
0
2023-02-18
目录前言思路文件目录使用示例入口文件index.jsmain.js使用requestAnimationFrame.js思路完整代码：CountTo.vue组件思路总结前言vue3不支持vue-count-to插件，无法使用vue-count-to实现数字动效，数字自动分割，vue-count-to主要针对vue2使用，vue3按照会报错：TypeError:
......
432
0
0
2023-02-17
目录安装环境创建项目1、配置路由2、安装VueX 3、安装国际化4、vite.config.ts常用配置5、找不到模块声明declare6、path模块找不到打包问题Vite打包后显示跨域Vue3.0的新语法糖-script setupCss中使用JS代码Ref、toRef、toRefs、Reactive总结v-modelPropTypetoRef
......
446
0
0
2023-02-15