官网：https://vxeui.com/ <template> <div> <vxe-table border header-align="center" align="left" :data="tableData"> <vxe-column type="seq" width="70"></vxe ...

uView UI是一个轻量级、高效的多端UI框架，专为UniApp开发设计。它支持Vue语法，提供丰富的组件和灵活的API，帮助开发者快速构建小程序、H5等多端应用。uView UI以其简洁、易用的特点，极大提高了开发效率，降低维护成本。适用于电商、社交、企业服务等多个场景。 ...

‍ 写在开头 点赞 + 收藏 学会 Axios.CancelToken axios对象有一个属性叫CancelToken，该属性提供了中断已经发出去的请求的方式。具体使用方式有两种： 方式一：执行器模式 <script src="https://cdn.jsdelivr.net/ ...

专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应 用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信 应用场景: 多个组件依赖于同一状态、共享数据 来自不同组件的行为需要变更同一状态 vuex vuex原理 每一个 Vu ...

官网: https://vxetable.cn <template> <div> <vxe-button status="success" @click="resultEvent">获取列</vxe-button> <vxe-table border ref="tableRef" :column-c ...

官网: https://vxetable.cn <template> <div> <vxe-table border ref="tableRef" :row-config="rowConfig" :column-config="columnConfig" :data="tableData"> <vx ...

‍ 写在开头 点赞 + 收藏 学会 在计算机的世界中，有各种各样的文件，文件类型千奇百怪，作为一名前端开发工程师，我们如何来实现这些文件的在线预览呢？在这篇文章，我们已经实现了前端如何实现压缩包解析？，但是也仅仅是能够查看压缩包中的内容，并不能真实的去进行线上预览，这节就是在文件 ...

官网: https://vxetable.cn 通过 range 启用范围选中,启用后鼠标按住复选框的列，向上或向下滑动选取，支持快捷键; MouseLeft 按住复选框的列，向上或向下滑动选取; MouseLeft + Ctrl 局部选取/取消; <template> <div> <vxe-tab ...

官网: https://vxetable.cn 轻量级图表，超高性能的在表格中渲染柱状图，即使是渲染上万条数据单元格图表，也是丝滑流畅。 npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 @vxe-ui/plugin-render-chart@4.0.1 // ...

在 vxe-table 中，使用 echarts 实现表格通过右键菜单渲染折线图、饼图、柱状图等，通过扩展插件就能实现简单的配置渲染单元格图表 官网: https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions" @menu- ...

官网: https://vxetable.cn 通过手动调用 exportData 方法可以直接导出文件 npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 @vxe-ui/plugin-export-pdf@4.0.8 jspdf@2.5.2 <script t ...

通过手动调用 exportData 方法可以直接导出文件，导出时单元格类型默认是自动转换的，如果是需要字符串类型，可以通过 column.cell-type 设置，也可以调用 openExport 方法打开导出面板 官网: https://vxetable.cn npm install vxe-pc ...

官网: https://vxetable.cn 查找与替换，通过 keyboard-config.isFNR 启用,支持快捷键 Ctrl + F 查找数据，全表或指定区域查找数据 ; Ctrl + H 替换数据，全表或指定区域替换数据 ; <template> <div> <vxe-table bo ...

前言 watch这个API大家应该都不陌生，在Vue3版本中给watch增加不少有用的功能，比如deep选项支持传入数字、pause、resume、stop方法、once选项、onCleanup函数。这些功能大家平时都不怎么用得上，但是在一些特定的场景中，他们能够起大作用，这篇文章欧阳就来带你盘点一 ...

Naive UI是一款流行的Vue 3组件库，以其简洁、高性能和易用性著称。它提供了丰富的UI组件，如按钮、输入框、选择器等，满足现代Web应用开发需求。Naive UI遵循Ant Design的设计原则，但更注重组件的轻量化和灵活性。开发者可以轻松集成Naive UI，快速构建响应式界面，提升用户... ...

PrimeVue是一个功能强大的Vue UI组件库，专为构建现代Web应用程序而设计。它提供了一套丰富的组件，包括按钮、表格、对话框等，支持响应式布局和暗黑主题。PrimeVue易于集成，支持Vue 3和PrimeNG，是开发高性能Vue应用的理想选择。适用于企业级项目，提升开发效率。 ...

‍ 写在开头 点赞 + 收藏 学会 源码实现思路（面试高分回答） 面试官问我 Vue 的 nextTick 原理是怎么实现的，我这样回答： 在调用 this.$nextTick(cb) 之前： 存在一个 callbacks 数组，用于存放所有的 cb 回调函数。 存在一个 ...

扫码或者点击文字后台提问 原文： https://mp.weixin.qq.com/s/36dd--oj6jmkZblfJRh4iw computed 支持选项式写法 和 函数式写法 1.选项式写法 支持一个对象传入get函数以及set函数自定义操作 2.函数式写法 只能支持一个getter函数不允 ...

‍ 写在开头 点赞 + 收藏 学会 官方文档 接入vue2项目和vue3项目 对应路由模式分别是hash和history 主应用 主应用是基于vue3开发的一个门户网站，仅有登录以及门户列表。 基于路由配置方式 通过将微应用关联到一些 url 规则的方式，实现当浏览器 url 发 ...

安装 pnpm install javascript-obfuscator 安装之后 在项目根目录新建一个 obfuscator.js 在 obfuscator.js 写入以下代码 直接复制粘贴 ` /** @用法 vite打包完成后，使用命令行nodejs执行本文件: node obfuscato ...