随笔分类 - vue
键盘事件不生效解决方式
摘要：1. <el-button type="success" @click.enter="gomain()">登录</el-button>代码如上，在click修饰符，添加发现无效，后来查阅资料才发现要元素处于focus时才可以触发，如果按钮没有被选择，Enter按钮时没有用的，所以可以把监听事件绑在d
阅读全文
vue 中scroll事件不起作用
摘要：scroll事件是绑定在body上，如果页面的滚动不是body的滚动，而是他的子集设置了overflow:sroll的i情况，在绑定事件时可以开启捕获，这样就可以监听到子集的滚动事件 mounted() { window.addEventListener("scroll", function (e)
阅读全文
vue 移动端禁止浏览器后退，禁止安卓和ios点击后退操作乱跳页面
摘要：开发微信公众号网页，页面登录成功之后，是禁止再次返回到登录页。 我在页面设置了让禁止跳到登录页，可是在手机上有自带的微信浏览器后退按钮，所以必须要禁止浏览器后退，才能禁止后退到登录页。 刚开始百度，查到了一个vue禁止浏览器后退的插件：vue-prevent-browser-back 首先，npm
阅读全文
解决 vue+ts通过Vue.prototype绑定的属性方法，能够调用到，但是编译报错
摘要：添加vue.d.ts 文件 重启VS Code 错误消失了。 1 import Vue from "vue"; 2 3 declare module "vue/types/vue" { 4 interface Vue { 5 $moment: any 6 } 7 }
阅读全文
[Vue warn]: Property "visible" must be accessed with "$data
摘要：Vue项目 报错 [Vue warn]: Property "visible" must be accessed with "$data.visible" because properties starting with "$" or "_" are not proxied in the Vue i
阅读全文
优秀的基于VUE移动端UI框架合集
摘要：1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格 star 2.3k 中文文档 在线预览 2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k 基于webpack+vue-loader+vu
阅读全文
vue实现左侧滑动删除
摘要：IM截图20190605174729.jpg 直接封装成组件，多处可以调用，话不多说，上代码 <template> <div class="container"> <ul> <li class="list-item " v-for="(item,index) in list " data-type=
阅读全文
【Vue】v-if与v-show的区别
摘要：相同点：v-if与v-show都可以动态控制dom元素显示隐藏 不同点：v-if显示隐藏是将dom元素整个添加或删除，而v-show隐藏则是为该元素添加css--display:none，dom元素还在。 都修改为false后，第一个div是直接被移除掉了 需要注意的是，当一个元素默认在css中加了
阅读全文
Vue3 和vue2 的响应式有什么区别，Proxy 无敌？（面试热门，源码详解）
摘要：前言 大家都知道，Vue2 里的响应式其实有点像是一个半完全体，对于对象上新增的属性无能为力，对于数组则需要拦截它的原型方法来实现响应式。 举个例子： let vm = new Vue({ data() { return { a: 1 } } }) // ❌ oops，没反应！ vm.b = 2 l
阅读全文
为什么 Vue 中不要用 index 作为 key？（diff 算法详解）
摘要：前言 Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 本篇已经收录在 Github 仓库，欢迎 Star： githu
阅读全文
文件下载重命名（可跨域）
摘要：一、正常情况下，我们都如此下载文件并修改文件名，在a标签上面添加download属性 var link = document.createElement('a'); link.href = file.url; link.download = file.name; link.target="_blan
阅读全文
标签下载文件重命名失败，download 无效
摘要：最近用到<a>标签实现文件下载并对文件进行重新命名，遇到了一些问题，文件重命名一直失败，所幸最终还是解决了，在此记录一下，避免后来者踩坑。 HTML <a> 元素可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接，其中href和download是我们下载文件所需要的
阅读全文
函数式注释、文件头部注释
摘要：代码注释的魅力所在 标准函数式注释 /*方法说明 *@method 方法名 *@for 所属类名 *@param{参数类型}参数名 参数说明 *@return {返回值类型} 返回值说明 */ 文件头部注释 /* * @Description: In User Settings Edit * @Au
阅读全文
纯前端跨域下载pdf链接文件解决方案
摘要：一,介绍与需求 1.1,介绍 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 问题:Chrome 会自动调用内置的 pdf 阅读器打开 1.2,需求 在谷歌(Chrome)浏览器中,使用a标签属性download下载pdf
阅读全文
点击a标签下载当前链接的图片&&js 通过 blob 类文件对象下载图片，修改图片保存的名字（兼容式写法）
摘要：若想点击a标签就下载当前链接的图片，首先必须文件是同源的，在a标签上增加download属性，才能触发点击下载的效果，若不同源的话则变成在当前页面打开该图片了。 若想要下载不同源的文件，有一种思路是将图片转为base64再赋值给a标签，这样点击后应该就能够下载了 问题：通过a标签下载图片，只有谷歌浏
阅读全文
100行代码实现vue表单校验功能(小白自编)
摘要：两个文件，一个写逻辑，一个写校验规则； 特点：逻辑简单，代码量少，够用； 不想看代码直接新建这两个文件复制代码，看最下面的使用方法； 示例图片 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
阅读全文
element-ui中validateField怎么验证部分表单字段的正确与否
摘要：validateField对部分表单字段进行验证的时候没有类似validate回调函数中的boolean值来判断验证是否正确，validateField中只有一个验证的prop值和一个回调函数，参数也没有相应的Boolean值来判断验证的prop是否正确，我想知道有什么办法可以判断选中的部分表单字段
阅读全文
Vue的elementUI实现自定义主题
摘要：使用vue开发项目，用到elementUI，根据官网的写法，我们可以自定义主题来适应我们的项目要求，下面来介绍一下两种方法实现的具体步骤，（可以参考官方文档自定义主题官方文档），先说项目中没有使用scss编写，用主题工具的方法（使用的较多） 第一种方法：使用命令行主题工具使用vue-cli安装完项目
阅读全文
vue实时获取页面的宽度，自适应屏幕
摘要：data(){ return{ fullWidth:document.documentElement.clientWidth } }, created(){ window.addEventListener('resize', this.handleResize) }, beforeDestroy:
阅读全文
如何在scoped不污染组件样式的前提下，实现el-input组件样式覆盖？
摘要：elementui+vue项目中，在当前vue文件中使用style scoped包裹的样式中重置input框的样式无法生效 方式：在本页面重新定义style样式且不需要写scoped即可生效 注意：为了不影响其他位置的元素样式，需要定义一个特定的class类名便于区分 <style> //修改inp
阅读全文
