分类
Vue生态相关组件
Vue框架
2026-07-31
5

Vue前端验证插件

Vue前端验证插件

基于vue3的组织架构图

vue3-tree-org:基于vue3.x的组织架构图

Gitee地址

Vu3连续滚动插件

vue3-seamless-scroll

vue3打印插件

vue3-print-nb

https://gitcode.com/gh_mirrors/vu/vue3-print-nb?utm_source=replace_article_gitcode&index=top&type=card&

过渡动画出现两个页面

https://blog.csdn.net/weixin_42966151/article/details/128384852

v-html中代码高亮方案

安装插件yarn add highlight.js,在组件中引入使用,由于是动态插入的,需要在渲染完成后执行

import { nextTick } from 'vue'
import hljs from 'highlight.js'

// 在需要的地方执行代码高亮
nextTick(() => {
  document.querySelectorAll('pre code').forEach((el) => {
    hljs.highlightElement(el)
  })
})

拖拽组件库

https://www.vue3-dnd.com/

网页版VsCode编辑器

https://github.com/microsoft/monaco-editor

大屏分辨率适配插件v-scale-screen

注:vue2请使用v-scale-screen@1.0.0版本,vue3请使用v-scale-screen@2.0.0版本

yarn add v-scale-screen

使用

// main.js
<v-scale-screen width="1920" height="1080">
  <div>
    <v-chart>....</v-chart>
  </div>
</v-scale-screen>
<script setup>
import VScaleScreen from 'v-scale-screen'
</script>

可选配置

图表工具

https://antv.antgroup.com/

富文本编辑器

https://www.wangeditor.com/

https://aieditor.com.cn/zh/

配合星火模型:https://www.xfyun.cn/

https://quilljs.com/

Markdown编辑器

https://github.com/imzbf/md-editor-v3

目录
统计
21
分类
39
文档
1
坚持