vue 项目中,enter 键提交触发两次的原因及解决方法 enter 事件发生的时候同样失去了焦点,所以会触发 blur 事件。看看你的 blur 事件是不是和enter 事件是同一个方法。如果你要是想着说定义两个方法,若他们的操作是一样的,根本解决不了问题,依旧会执行两个方法名不同的两个函数体,最简单的解决方法如下
在 uniapp 中使用 textarea 报错 “Invalid prop: custom validator check failed for prop “confirmType“” 及解决 亲测解决在 uniapp 中使用 textarea 报错 “Invalid prop: custom validator check failed for prop "confirmType"” ,只需一行代码
localStorage、sessionStorage 和 cookie 的区别大总结 1.相同点三者都是用来存储数据的,且都遵循同源策略,其中 sessionStorage 还限制是同一个页面。2.不同点(1)生命周期不一致localStorage 除非手动清除,否则一直存在;sessionStorage 当页面关闭时就会自动清除;cookie 在一开始写入时就设置好了,如果没有设置,则和浏览器的会话期保持一致;(2)存储位置不一致localStorage 和 sessionStorage 是从前端写入的,cookie 是从服务端写入的;(3)存储大小不一致localSt
图片懒加载 图片懒加载思路及实现1.以插件的方式,全局注册指令插件在 src/directives/index.js 中,复制以下代码:import { useIntersectionObserver } from '@vueuse/core'// 默认图片(当有的图片加载失败时生效)import defaultImg from '@/assets/images/200.png'export default { install (app) { // 自定
使用 vuex-persistedstate 插件持久化vuex中的数据 vuex 经过刷新后数据会丢失,所以在开发中我们一般会将vuex中的数据持久化。其中,vuex-persistedstate 插件可以将数据存储到 localStorage 中,vuex 再从localStorage 中读取数据1.下载 vuex-persistedstate 插件yarn add vuex-persistedstate或者npm i vuex-persistedstate2.在 store/index.js 中引入并配置(1)引入import crea
自定义插件并注册 1.在自制插件之前,先来看一下Vue官网插件的原理安装 Vue.js 插件。如果插件是一个对象,必须提供 install 方法。如果插件是一个函数,它会被作为 install 方法。install 方法调用时,会将 Vue 作为参数传入。该方法需要在调用 new Vue() 之前被调用,不需手动调用。