Vue3

Vue3中keep-alive的使用及注意事项说明-牛翰网

Vue3中keep-alive的使用及注意事项说明

目录 Vue3中keep-alive使用及注意事项 基本用法 主要功能 核心属性 生命周期钩子 与 Vue Router 结合使用 注意事项 最佳实践 总结 Vue3中keep-alive使用及注意事项 keep-alive 是 Vue 内置的一...
Vue3+elementPlus中 树形控件封装的实现-牛翰网

Vue3+elementPlus中 树形控件封装的实现

目录 1.组件 2.使用 1.组件 <template> <div class='selection'> <el-select placeholder='请选择' v-model='nameList' clearable @clear='handleClear' ref='selectUpResId' st...
471fc0f6bbc7016d的头像-牛翰网知否灬知否7天前
02512
vue3中pinia的使用及持久化的实现-牛翰网

vue3中pinia的使用及持久化的实现

解释一下pinia: Pinia是一个基于Vue3的状态管理库,它提供了类似Vuex的功能,但是更加轻量化和简单易用。Pinia的核心思想是将所有状态存储在单个store中,并且将store的行为和数据暴露为可响应...
Vue3使用Signature Pad实现电子签名功能-牛翰网

Vue3使用Signature Pad实现电子签名功能

目录 Signature Pad 基础用法 安装与引入 基本实现 解决签名位置偏差问题 问题根源分析 解决方案 代码 效果 完整代码 Signature Pad 基础用法 安装与引入 首先需要安装 signature_pad ...
37a0d00ab7a6ec34的头像-牛翰网zoahxmy09297天前
05115
Vue3使用Univer Docs创建在线编辑Excel的示例代码-牛翰网

Vue3使用Univer Docs创建在线编辑Excel的示例代码

目录 一、Univer Docs 简介 二、安装Univer 三、在页面中使用 1、在页面中引入对应的文件 2、创建一个 Univer 实例,并注册这些插件 3、创建一个空白的 Univer Sheet 4、加载数据与存储 加载 存...
Vue3项目中通过LuckySheet实现Excel在线编辑功能-牛翰网

Vue3项目中通过LuckySheet实现Excel在线编辑功能

目录 一、场景 二、Vue3中的基本使用 1、引入luckySheet (1)CDN引入 (2)本地引入 2、在页面中进行展示 (1)指定一个容器 (2)创建一个表格 三、Excel文件的导入与导出 1、导入Excel文件 2...
Vue3利用vue-plugin-hiprint插件实现无预览打印功能-牛翰网

Vue3利用vue-plugin-hiprint插件实现无预览打印功能

目录 前言 一、Vue3项目配置 1、安装vue-plugin-hiprint插件 2、文件引入 3、项目中使用 二、安装客户端 前言 在MES管理系统中需要实现条码数据从接口返回后,直接调用打印机进行打印,跳过浏览...
解决vue3项目打包后部署后某些静态资源图片不加载问题-牛翰网

解决vue3项目打包后部署后某些静态资源图片不加载问题

目录 问题 原因 解决方案 问题 开发完项目打包并部署 然后访问时发现导航栏背景图片没加载 打开浏览器控制台发现这张图片报错404  原因 可能是因为在部署后的服务器环境中对中文文件名的支...
vue3父子组件相互调用方法详解-牛翰网

vue3父子组件相互调用方法详解

目录 1、前言 2、子组件调用父组件方法(setup组合式) 2.1 父组件Father.vue 2.2 子组件Child.vue 3、父组件调用子组件方法(setup组合式) 3.1 子组件Child.vue 3.2 父组件Father.vue 4、简单...
84772980073d8bac的头像-牛翰网前端开发菜鸟的自我修养1个月前
04415
vue3中toRef、toRefs和toRaw的使用-牛翰网

vue3中toRef、toRefs和toRaw的使用

目录 1.toRef 2.toRefs 3.toRaw 1.toRef  toRef 的作用是将一个响应式对象中的属性转换成单独的响应式引用。转换后的响应式引用会跟踪原始属性的变化。转换后的响应式可以被用于计算...
9289eafc3d9a2e93的头像-牛翰网猛扇赵四那半好嘴1个月前
03011