Vue引入sign-canvas实现签名画板效果
Vue引入sign-canvas实现签名画板 效果图 1.安装 npm i sign-canvas --save 2.使用 <template> <div> <el-card shadow="hover" header="在线签 »
Vue子组件关闭后调用刷新父组件的实现
目录 实现效果 调用方法 1、$emit触发 2、使用$parent触发父组件 常见问题 总结 实现效果 调用方法 当在子组件里更改了某些信息且关闭子组件后,需要父组件更新修改后的内容,操作如下: 1、$emit触发 父组件 @update="update( »
Vue子组件关闭后调用刷新父组件的实现
目录 实现效果 调用方法 1、$emit触发 2、使用$parent触发父组件 常见问题 总结 实现效果 调用方法 当在子组件里更改了某些信息且关闭子组件后,需要父组件更新修改后的内容,操作如下: 1、$emit触发 父组件 @update="update( »
vue项目中的public、static及指定不编译文件问题
目录 vue中的public、static及指定不编译文件 public 文件夹的纠结 自己指定文件不编译 public、static、指定不编译的文件跟 assets 的区别 vue项目编译打包 常见问题 解决 总结 vue中的public、static及指定不编译文件 pu »
vue静态配置文件不进行编译的处理过程(在public中引入js)
目录 vue静态配置文件不进行编译的处理 最终方案如下 vue静态配置文件保存全局变量 应用 步骤 问题分析 总结 vue静态配置文件不进行编译的处理 前几天同事提了一个要求,他想在vue引入静态配置文件,但是此文件不要进行编译。静态配置文件中的参数还需要在其他的.vue文件中使用配 »
vue静态配置文件不进行编译的处理过程(在public中引入js)
目录 vue静态配置文件不进行编译的处理 最终方案如下 vue静态配置文件保存全局变量 应用 步骤 问题分析 总结 vue静态配置文件不进行编译的处理 前几天同事提了一个要求,他想在vue引入静态配置文件,但是此文件不要进行编译。静态配置文件中的参数还需要在其他的.vue文件中使用配 »
vue使用keep-alive后从部分页面进入不缓存示例详解
目录 需求: 实现: 修改router路由中配置项 判断当前页面是否需要缓存的页面 不需要缓存页面,重置B页面数据 总结 需求: 1:当前有页面A-B-C三个板块; 2:从页面C返回页面B时,B页面数据之前数据不会被清空(keep-alive),且C页面携带到B页面的数据缓存(event »
vue-pdf插件实现pdf文档预览方式(自动分页预览)
目录 vue-pdf插件的使用 实现功能 1.npm安装 2.全局注册或者局部注册(我这边是局部注册)——封装一个pdf预览组件 3.pdf预览组件的使用 总结 vue-pdf插件的使用 使用vue-pdf插件实现如下效果图: 实现功能 1.多个pdf预览 2.获取页码,每个pdf »
vue环境变量配置之process.env解读
目录 vue环境变量配置process.env 配置环境的实现原理 具体实例 vue3 process.env.XXX环境变量不生效 问题 解决 总结 vue环境变量配置process.env 在用vue框架时,经常用到两种环境,一种是开发环境,就是本地开发时的环境,一种是生产环 »
vue环境变量配置之process.env解读
目录 vue环境变量配置process.env 配置环境的实现原理 具体实例 vue3 process.env.XXX环境变量不生效 问题 解决 总结 vue环境变量配置process.env 在用vue框架时,经常用到两种环境,一种是开发环境,就是本地开发时的环境,一种是生产环 »
vue解决this.$refs.xx在mounted中获取DOM元素为undefined问题
目录 1.原因 2.解决:使用$nextTick 3.动态绑定ref并使用v-for,使用this.$refs[refName]无法获取ref 原因 解决 总结 1.原因 如果在 DOM 结构中的某个 DOM 节点使用了 v-if、v-show 或者 v-for(即根据获取到的后台数 »
vue解决this.$refs.xx在mounted中获取DOM元素为undefined问题
目录 1.原因 2.解决:使用$nextTick 3.动态绑定ref并使用v-for,使用this.$refs[refName]无法获取ref 原因 解决 总结 1.原因 如果在 DOM 结构中的某个 DOM 节点使用了 v-if、v-show 或者 v-for(即根据获取到的后台数 »
vue this.$refs.xxx获取dom注意事项 v-if v-for渲染的dom不能直接使用
目录 今天遇到一个问题 我的思路是 具体的解决方法就是 总结 最近被借调到其他部门写代码,嘿嘿,我是一块砖,哪里需要哪里搬…… 今天遇到一个问题 vue项目: v-for渲染的元素,如果内容超过一行,则右侧展示一个"更多"按钮,点击“更多”按钮后,再展示全部的数据。 在上家公 »
vue异步加载dom元素之后无法获得的解决
目录 vue异步加载dom元素后无法获得 解决办法 vue稳健的获取dom元素 1、获取Element的弹框中的Dom元素 2、如果以上方法均无法解决 心得 总结 vue异步加载dom元素后无法获得 vue存在大量的异步加载问题,比如动态创建dom元素,若你紧接着去获取创建的dom元 »
vue组合式API浅显入门示例详解
目录 正文 组合式API setup 变量声明 目前比起选项式API的优点 生命周期 正文 在react推出了hook之后,vue也在vue3里面添加了组合式API,鉴于这个时间间隔,我有理由认为组合式api和hook还是有一些关系的。不过在我具体的使用中,我并没发现这两个方法太多的相 »
一文详解Vue选项式 API 的生命周期选项和组合式API
目录 Vue2、Vue3 生命周期的变化 选项式 API 的生命周期选项的变化 小知识 组合式 生命周期选项 API VNode 生命周期事件 Vue2x Vue3x Vue2、Vue3 生命周期的变化 正好在看Vue的官方文档,也正好比对一下,做一下笔记 选项式 API 的 »
一文详解Vue选项式 API 的生命周期选项和组合式API
目录 Vue2、Vue3 生命周期的变化 选项式 API 的生命周期选项的变化 小知识 组合式 生命周期选项 API VNode 生命周期事件 Vue2x Vue3x Vue2、Vue3 生命周期的变化 正好在看Vue的官方文档,也正好比对一下,做一下笔记 选项式 API 的 »
万字血书Vue—Vuex
Vuex概述 组件之间共享数据的方式(小范围) 全局事件总线 Vuex是什么? 专门在Vue中实现集中式状态(数据)管理的一个Vue插件,可以方便的实现组件之间的数据共享。 使用Vuex统一管理状态的好处 能够在vuex中集中管理共享的数据,易于开发和后期维护 能够高效地实现组件之间的数据共享 »
万字血书Vue—Vuex
Vuex概述 组件之间共享数据的方式(小范围) 全局事件总线 Vuex是什么? 专门在Vue中实现集中式状态(数据)管理的一个Vue插件,可以方便的实现组件之间的数据共享。 使用Vuex统一管理状态的好处 能够在vuex中集中管理共享的数据,易于开发和后期维护 能够高效地实现组件之间的数据共享 »
Vue事件处理的原理与过程详解
目录 事件绑定 自定义事件 事件修饰符 总结 Vue是一种流行的JavaScript框架,用于构建交互式Web应用程序。其中,事件处理是Vue框架非常重要的一部分,本文将详细讲解Vue事件处理的相关内容,包括事件绑定、自定义事件和事件修饰符。 事件绑定 Vue中的事件绑定与原生JavaS »