![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 86
Vue全家桶
rudy_zhou
undefined
展开
-
Vue-router 不允许导航到当前位置("/path")错误原因以及修复方式
Vue-router 不允许导航到当前位置(/path)报错提示错误原因错误演示解决方法方法一方法二方法三报错提示Navigating to current location ("/path") is not allowed错误原因控制台出现以上这种 Navigating to current location ("/path") is not allowed 时,是因为重复进入了相同路...原创 2020-02-24 16:21:45 · 7749 阅读 · 2 评论 -
vue中 iframe 引入 本地静态html文件,vue-cli2与vue-cli3引用的差异
vue中 iframe 引入 本地静态html文件,vue-cli2与vue-cli3引用的差异。引言Vue-cli 2.0 构建的项目引用Vue-cli 3.0 构建的项目引用不考虑项目构建版本的方法1.如果你是webpack工程师,你就自己配置打包方式。2.使用require() 引入总结引言 在写个人网站的时候,需要用到 iframe 引用本地静态的 html 文件,发现引用方式的一些差异,在此分享一下。Vue-cli 2.0 构建的项目引用在vue-cli 2.0 构建的项目中,如果要使用原创 2020-05-08 20:14:08 · 8517 阅读 · 1 评论 -
Vue 实现移动端在线选座功能(支持miniMap,支持缩放)
Vue 实现在线选座功能(支持miniMap,支持缩放)前言一、功能介绍二、选座页面效果三、实现原理布局设计方面交互实现方面四、在线例子总结前言前段时间写了一个在线选座功能,现在分享一下。纯Dom方式实现,包括miniMap,代码没怎么优化,主要提供实现思路。一、功能介绍支持选座区域划分支持缩放选座区域大小(可配置)支持拖拽选择区域支持miniMap 拖拽通过数据支持简单编辑座位布局二、选座页面效果分别是 缩小,正常,放大后效果三、实现原理布局设计方面1.一行一行渲染座原创 2021-08-18 15:24:12 · 3751 阅读 · 7 评论 -
iView DatePicker 组件 选择年/月 下拉框异常收缩
iView DatePicker 组件 选择年/月 下拉框异常收缩引言bug 详细信息bug 出现原因结语引言上头新分给我一个之前延期处理的 bug,就是标题描述的 bug,iView 的 DatePicker 组件,在选择年或者月的情况会异常收缩起来。正常不应该收缩起来,因为选择年后还要选择月份,选择月份后还要选择天数。参照 iView 的 demo 发现用法并无问题,第一想到的就是当前这个项目有 iView 的全局配置 或者 某些插件功能冲突(项目是前同事写的,我不知道有哪些全局配置),最后发现是一原创 2020-07-21 10:16:31 · 753 阅读 · 1 评论 -
Vue 数据更新页面视图未渲染 问题
Vue 数据更新页面视图未渲染 问题想解决问题,先看官方api总结一下API中的信息总结想解决问题,先看官方api点击查看 Vue 深入响应式原理这个api很详细的说明了 vue 的数据变化与视图更新的原理,推荐先阅读这篇信息,下面再分享一点自己在项目中实际踩过的一些坑。总结一下API中的信息1.一个最重要最基础的要实现响应式,你必须在初始化实例前声明所有根级响应式 property,哪怕只是一个空值。 对于基础类型数据,只要是你初始化了,后面不管怎么更改数据,都会触发更新对应视图2.对于对原创 2020-07-28 17:33:05 · 2288 阅读 · 0 评论 -
前端压缩图片,以及使用(iview,element-ui )的upload 组件上传前压缩
前端压缩图片,以及使用(iview,element-ui )的upload 组件上传前压缩前言一、压缩方法介绍二、压缩代码三、 `iview` `element-ui`上传处理DEMO演示总结前言 今天分享一下前端如何压缩图片。一、压缩方法介绍前端压缩图片,主要是使用了 toDataURL 这个canvas 的方法,其实就是把 canvas 画布上的内容获取到。这个方法有两个参数,MDN 解释是参数 type 可选 图片格式,默认为 image/png encoderOptions原创 2021-06-01 09:13:48 · 2484 阅读 · 2 评论 -
vue 组件选项的推荐顺序 与 自动排序
vue 组件选项的推荐顺序 与 自动排序转载一下vue推荐顺序使用 eslint 自动排序一直以来使用vue开发,除了知道生命周期的 hook 函数顺序,其他选项的顺序不知道是否有规范。后来看了vue的风格指南,里面的选项是有推荐顺序的,也找了一下如何自动排序,今天就分享一下。转载一下vue推荐顺序先发个 Vue 风格指南 选项推荐顺序 地址组件/实例的选项应该有统一的顺序。这是我们推荐的组件选项默认顺序。它们被划分为几大类,所以你也能知道从插件里添加的新 property 应该放到哪里。副作用原创 2020-06-10 15:03:13 · 6480 阅读 · 3 评论 -
elementUI el-form 组件 验证 提示不能为空,以及验证不生效的详细原因
elementUI el-form 组件 验证 提示不能为空,以及验证不生效的详细原因唠唠嗑如何进行验证的获取规则 源码处写法获取验证项 源码处写法上述使用中常见问题场景结语唠唠嗑用vue + elementUI 开发有些日子了,经常在使用el-form 组件时,时不时的出现验证没生效,或者生效了在验证函数中 value 是 undefined,也细细的读了elementUI 的文档。有些信息交代的比较模糊,最后还是看了elementUI 的源码才确认下来之前一直猜测的东西。今天就专门分享一下,看el原创 2020-06-08 20:11:43 · 19136 阅读 · 0 评论