1.事件处理 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script src="./js/vue.js"></script></head> <body> <div id 继续阅读
Search Results for: vue事件处理和数据的双向绑定v
查询到最新的12条
2023-06-22 使用事件委托来为所有子节点绑定事件,e.target和this的区别,vue获取DOM节
文章目录 1.使用事件委托为子节点绑定事件2.e.target和this的区别3.vue中如何获取DOM节点?方法一:通过事件源来获取当前点击的节点方法二:通过ref来获取当前点击的节点方法三:使用自定义指令来获取当前点击的节点 1.使用事件委托为子节点绑定事件 <body><ul onclick="func(event)"><li>1</li><li>2</li><l 继续阅读
【Vue3+Ts project】认识 Websocket 以及 socket.io 库
目录 Websocket socket.io Socket.iO 事件名总结： Socket.IO 方法总结 Websocket 作用： WebSocket 仍然提供实时的双向通信功能，使用Vue3 应用程序能够与服务器进行实时数据交换降低延迟和网络开销：相比传统的HTTP请求-响应模式，WebSocket建立了持久连接，减少了网络开销和延迟，适用于需要实时数据更 继续阅读
Vue 中利用 el-table 实现懒加载的数据表格
系列文章目录 文章目录 系列文章目录前言一、懒加载的概念二、在 el-table 上实现懒加载的基本思路二、示例代码实现 el-table 的懒加载总结 前言 在使用 Vue 开发时，当数据量较大时，为了提高页面加载和渲染的性能，我们可以采用懒加载的方式，即在 el-table（element-ui 的表格组件）上实现懒加载。本文将详细介绍在 Vue 中如何利用 el-table 实现 继续阅读
Pinia与Vuex的对比：Pinia是Vuex的良好替代品吗？
介绍 Pinia 是 Vue.js 的轻量级状态管理库，最近很受欢迎。它使用 Vue 3 中的新反应系统来构建一个直观且完全类型化的状态管理库。 Pinia的成功可以归功于其管理存储数据的独特功能(可扩展性、存储模块组织、状态变化分组、多存储创建等)。 另一方面，Vuex也是为Vue框架建立的一个流行的状态管理库，它也是Vue核心团队推荐的状态管理库。Vuex高度关注应用程序的可扩展性、开发人员的工效和信心。它基于与Redux 继续阅读
Python中导入csv数据文件的全面指南
Python中的csv模块是一种用于读取和写入csv文件的模块，csv可以用于将数据从文件或者其他来源导入到Python中进行分析和处理。在这篇文章中，我们将全面介绍Python中如何导入csv文件，并将从多个方面进行详细探讨，包括读取和写入csv文件、处理csv文件中的缺失值和特殊字符，并利用Pandas对csv文件中的数据进行批量处理。 一、读取csv文件 在Python中使用csv模块读取csv文件非常简单。导入csv模块后，使用csv.reader() 继续阅读
前端JavaScript中的动态事件添加
目录 前言事件的基本概念动态事件添加的优势通过addEventListener()方法动态添加事件通过事件委托实现动态事件绑定总结 前言 在前端开发中，交互性是至关重要的。动态事件添加是一种在JavaScript中实现交互的重要技术。本文将介绍动态事件添加的概念和优势，并详细介绍两种常用的动态事件添加方法。 事件的基本概念 事件是指在网页中发生的特定交互行为，比如点击按钮、滚动页面或输入文本等。通过事件，我们 继续阅读
使用Nginx反向代理部署laravel和history模式的Vue项目[更新]
[2019.12.2 更新] nginx.conf里要加上对laravel的静态文件目录的转发(这里假设我的静态文件在public/static下)、修改vue的nginx配置。我们以在我本地的开发环境为例，windows7+nginx+Vue+Laravel5，假设我想使用的域名是zh30.com。想达成的效果：我们想直接访问时使用Vue开发的单页面应用index.html，做为我们的前台交互，且在Vue中使用history路由模式。后台和接口使用laravel框架进行开发，所以想使用zh30 继续阅读
Vue-Router在Vue2和Vue3中的使用
1.Vue2 Vue Router是Vue.js官方的路由管理器，它能够帮助我们在Vue应用中实现页面之间的跳转和导航。在本篇博客中，我们将介绍如何在Vue 2中使用Vue Router，包括路由的配置、路由参数的传递和导航守卫的使用。 1.安装和配置Vue Router 首先，我们需要在Vue项目中安装Vue Router。使用npm或者yarn命令进行安装 npm install vue-router 安装完成后&#x 继续阅读
Vue3+nodejs全栈项目(资金管理系统)——前端篇
文章目录创建项目项目初始化使用element-plus设置Register和404组件搭建element注册表单验证表单和按钮加载动画和消息提醒路由守卫和token过期处理配置请求拦截和响应拦截解析token并存储到vuex中设计顶部导航设置首页和个人信息设置左侧导航栏展示资金管理页面添加按钮编辑和删除实现分页结构&功能实现筛选功能&权限功能 创建项目 新建的项目 打开 template下面有蓝色波浪线 解决方法：参考博客—— template蓝色波浪线 继续阅读
Python推流和拉流的实现
Python推流和拉流是音视频直播和点播等应用场景中必不可少的核心功能。本文将从多个方面详细阐述Python推流和拉流的实现。 一、推流的实现 在应用程序中，Python推流可以通过使用开源的RTMP和HLS协议的第三方库来实现。 1、使用PyAV库来推送音视频数据 PyAV是一个基于FFmpeg实现的Python开源库，支持推送RTMP和HLS流。使用它进行推流，可以达到较高的音视频处理效能，同时PyAV支持多种视频格式，如AVI、MPEG、OGG、FLV等 继续阅读
Spark开源项目-大数据处理的新星
Spark是一款开源的大数据分布式计算框架，它能够高效地处理海量数据，并且具有快速、强大且易于使用的特点。本文将从以下几个方面阐述Spark的优点、特点及其相关使用技巧。 一、Spark的概述与优点 Spark的出现解决了Hadoop无法在实时和迭代计算方面的不足。相比于Hadoop，Spark有以下几个优点： 速度更快。Spark采用内存计算方式，执行速度比Hadoop快100倍。 支持实时计算。Spark的设计目标是在内存中对数据进行实时处理，它能够以秒 继续阅读