Vue.js _编程脚本

Vue按回车键进行搜索的实现方式

目录Vue按回车键进行搜索第一种方法第二种方法Vue使用回车键失效的解决Vue回车键事件栗子回车失效原因解决方法总结Vue按回车键进行搜索需求：为了用户方便进行搜索数据的时候不想点击搜索按钮，想要在input输入框内输入完成之后直接按回车键进行搜索第一种方法在input标签内部增...

admin 2023-03-05 1 #Vue.js

element--Diaolog弹窗打开之后渲染组件方式

目录element--Diaolog弹窗打开之后渲染组件描述遇到的问题Element组件的坑: 抽屉drawer和弹窗dialog业务场景针对第一个问题，具体解决方案如下针对第二个问题，具体解决方案如下总结element--Diaolog弹窗打开之后渲染组件描述父子两个组件，父组...

admin 2023-03-05 4 #Vue.js

Vue数据与事件绑定以及Class和Style的绑定详细讲解

目录一、Vue的数据绑定二、Vue的事件绑定三、Class和Style的绑定一、Vue的数据绑定1. 单向数据绑定：将Model绑定到View上，当通过JavaScript代码改变了Model时，View就会自动刷新。不需要进行额外的DOM操作就可以实现视图和模型的联动 a. 数据只保存一份 b. data—->DOM （1）插值表达式：{{ 表达式 }}，将表达式的值在View中显示出来...

admin 2023-03-05 18 #Vue.js

目录vue2+ echarts 运行时间太长导致内存溢出解决方式1切换tab隐藏显示时，chrome浏览器又一直叠加内存，因此需要监听浏览器标签页的显示和隐藏事件vue2+ echarts 运行时间太长导致内存溢出使用定时器setInterval 每个15秒请求后端数据，渲染页面，但是时间一长的时候，chorme浏览器发生奔溃，原因是内存的溢出。解决方式1就是在重新init的时候，销毁之前的ech...

admin 2023-02-28 9 #Vue.js

vue实现浏览器桌面通知的示例代码

目录方案一： H5 JavaScript Web Notification API方案二： push.js 工具（基于notification）一、引入二、主要代码方案三： iNotify.js JS1.npm安装引入2.主要代码3.其他浏览器桌面通知：当浏览器最小化，或者切换到其他标签页不在当前系统页面，或在其他页面时依然可以显示通知*使用前注意：生产环境地址必须为https协议，开发环境可以...

admin 2023-02-20 19 #Vue.js

教你轻松解决Vue Dialog弹窗诟病

目录摘要分析优化办法总结摘要相信用Vue框架多的老哥对弹窗的使用的问题都有一些使用上的诟病,本轮主要阐述针对组件封装不符合逻辑编写,如何最小化封装达成简化调用目的。分析常规的Vue前端UI组件如elment-ui、Iview、Ant Design Vue等UI组件库针对模态窗的封装基本都是套式的,MVVM大家基本都在提,从另外一个角度分析Dialog封装在实际使用上，弹窗过多时漫天的变量如何解决,...

admin 2023-02-17 13 #Vue.js

Vue数据代理的实现流程逐步讲解

目录一，前言二，数据代理的实现1，Vue 是如何操作数据的2，当前是如何操作数据的3，数据代理的思路4，数据代理的实现5，数据代理的测试三，结尾一，前言上篇，主要介绍了 Vue 数据初始化流程中，数组类型的数据劫持是如何实现的，核心思路如下：出于对性能的考虑，Vue 没有对数组采...

admin 2023-02-17 9 #Vue.js

Vue数组的劫持逐步分析讲解

目录一，前言二，对象劫持回顾1，Demo三，数组类型的处理1，当前逻辑分析2，Vue 对性能的权衡3，数组的劫持思路4，数组方法的拦截思路5，数组方法重写的实现6，数组方法拦截的实现四，结尾一，前言上篇，主要介绍了 Vue 数据初始化流程中，对象属性的深层劫持是如何实现的核心思路...

admin 2023-02-17 17 #Vue.js

Vue2使用cube-ui 实现搜索过滤、高亮功能

目录前言一、需求流程：实现效果：功能实现htmljscss总结介绍cube-ui 是基于 Vue.js 实现的精致移动端组件库。特性质量可靠由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。体验极致以迅速响应、动画流畅、接近原...

admin 2023-02-17 15 #Vue.js

Vue3 实现验证码倒计时功能

目录前言实现效果PS：Vue3 - 验证码按钮倒计时实现前言倒计时的运用场景：获取手机验证码倒计时、获取邮箱验证码倒计时等场景，废话不多说，开始吧。之前给大家介绍过Vue3 实现验证码倒计时功能(刷新保持状态)，需要的朋友点击查看。实现效果实现代码 html（重要部分）发送验...

admin 2023-02-17 9 #Vue.js

Vue各种loader的基本配置与使用示例教程

目录webpack中的loader loader概述打包处理css文件打包处理less文件打包处理图片打包处理js高级语法优化打包以及图片和js文件存放路径自动清理dist目录下的旧文件文件目录设置Source Map什么是Source Map默认Source Map的问题解决...

admin 2023-02-17 18 #Vue.js

Django框架ORM操作数据库不生效问题示例解决方法

目录问题描述定位过程首先，我们怀疑是SQL语句拼装错误（比如ID不对），导致了删除不生效解决方案总结本文详细描述使用Django 的ORM框架操作PostgreSQL数据库删除不生效问题的定位过程及解决方案，并总结使用ORM框架操作数据库不生效的问题的通用定位方法问题描述最近使...

admin 2023-02-17 5 #Vue.js

Go语言如何实现TCP通信详解

目录前言TCP连接TCP服务端总结前言TCP协议为传输控制协议，TCP协议有以下几个特点：1. TCP是面向连接的传输层协议；2. 每条TCP连接只能有两个端点，每条TCP连接是点到点的通信；3. TCP提供可靠的交付服务，保证传送的数据无差错，不丢失，不重要且有序;4. TCP提供全双工通信，允许双方在任何时候都能发送数据，为此TCP连接的两端都设有发送缓存和接收缓存，用来临时存放双向通信的数据...

admin 2023-02-17 18 #Vue.js

vue3发送验证码倒计时功能的实现(防止连点、封装复用)

目录一、实现思路二、实现一个简单的验证码倒计时三、优化四、逻辑封装补充 mobileRule一、实现思路倒计时流程图二、实现一个简单的验证码倒计时//倒计时初始变量const codeNum = ref(60);// 定时器idlet clearId: number;// 发...

admin 2023-02-17 14 #Vue.js

Vue MVVM模型与data及methods属性超详细讲解

1.MVVM模型⭐⭐MVC和MVVM都是一种软件的体系结构MVC是Model – View –Controller的简称，是在前期被使用非常框架的架构模式，比如iOS、前端；MVVM是Model-View-ViewModel的简称，是目前非常流行的架构模式；Vue的整个设计受到M...

admin 2022-11-03 88 #Vue.js

解决router.beforeEach()动态加载路由出现死循环问题

router.beforeEach()动态加载路由出现死循环采用beforeEach做路由过滤，如果没登录就直接跳转到登录界面，然而发现个问题就是要么跳转到登录页面、然后再调回首页，要么卡着不动、要么出现空白页面。1、router.beforeEach( to , from ,n...

admin 2022-11-03 87 #Vue.js

在vue项目中使用vant(全局引入，按需引入，页面中引入)

安装npm i vant -S(简写)npm install vant --save(完整写法)引入1全局引入main.js:import Vant from 'vant'import 'vant/lib/vant-css/index.css'Vue.use(Vant)2、按需引入（推荐）首先，安装babel-plugin-importnpm i babel-plugin-import -D(简写...

admin 2022-05-31 197 #Vue.js

vant图标和文字垂直居中对齐方法

开发中经常会遇到字体图标与文字垂直居中对其的需求，常常使我们感到头疼，无论是设置margin还是padding都不行，上图：现在推荐大家一种超级简单的方法：vertical-align: 3px; 给后面文字span加上vertical-align: 3px; 高度可根据自己字体...

admin 2022-05-31 70 #Vue.js

el-dropdown-item没有自定义click事件, 解决办法

不能在el-dropdown-item里面直接用@click可以在el-dropdown-item中加span然后就可以触发click代码如下退出登录

admin 2022-05-31 129 #Vue.js

vue设置div滚动条至最底部

页面需要做一个固定高度的DIV，每次往这个DIV中增加内容的时候我需要将滚动条自动滚动至最底部保证每次看到的都是最新的内容。（这样增加了用户的体验度好感，就像微信的聊天窗口一样。）利用JavaScript中的scrollTop = scrollHeight这两个属性来实现，代码如下：//设置滚动条到底部 scrollToBottom() { this.$nextTick(() =>...

admin 2022-05-31 840 #Vue.js

分类

排序