v-on

Vue中v-model 原理解析

二、v-model的工作原理v-model实际上是由以下两个操作组合而成：使用v-bind（简写为:）绑定value属性，实现数据到视图的单向绑定使用v-on（简写为@）监听input事件，实现视图
年纪轻轻就扛不住·2025-06-19 07:57

Vue 模板语句的数据来源

Vue模板语句的数据来源：全方位解析Vue模板（部分）中的表达式、指令绑定（如v-bind,v-on）和插值（{{}}）都在一个特定的作用域内求值。这个作用域由当前组件实例提供的上下文决定。
步行cgn·2025-06-11 07:36

Vue中的事件绑定【3】

获取元素节点后，对元素节点进行事件绑定），实际上我们可以直接在标签元素上面绑定事件，并在Vue实例对象中添加一个methods属性，在此属性中添加对应的回调函数（即触发该事件时执行的内容）；2.语法：v-on
Stringzhua·2025-05-28 00:48

关于Vue自定义组件封装的属性/事件/插槽的透传问题

child.vue内部属性:$attrs、$listeners、$slots一、属性的透传v-bind=“$attrs”:只会读取子组件【props选项】中没有申明过的属性二、自定义事件的透传方式一:v-on
Mr.app·2025-05-23 01:24

在vue中this.$emit有哪些作用,事件监控具体含义，以及这些子组件能封装哪些功能组件

父组件可以通过v-on（或@）监听这个事件，并在事件触发时执行相应的处理函数。this.content的作用this.content是子组件的props，它从父组件接收数据。
cdcdhj·2025-05-18 20:26

前端面经-VUE3篇（一）--vue3基础知识- 插值表达式、ref、reactive

2、指令的分类1、内置指令①内容绑定：v-text和v-html②属性绑定：v-bind③事件绑定：v-on④条件渲染：v-if、v-else-if、v-else⑤列表渲染：v-for⑥双向绑定：v-model⑦
小杨升级打怪中·2025-05-17 05:20

Vue3中的模板指令——DOM事件监听指令v-on

4.6.3事件监听指令v-on（@）可以使用v-on指令(简写为@)来监听DOM事件，并在事件触发时执行对应的JavaScript脚本，即handler事件处理函数。
南腔北调-pilmar·2025-05-10 11:13

Error in v-on handler: “TypeError: Cannot read property ‘value‘ of undefined“

Errorinv-onhandler:"TypeError:Cannotreadproperty'value'ofundefined"报错如下所示，即在运行Vue项目时出现了上述错误，出现该错误的原因是其容器还未生成就对其进行了初始化所造成的。首先检查有没有如下操作//原先取dom的操作document.getElementById('textarea');//改正后，Vue中取demo的操作th
shengyin714959·2025-05-09 04:16

父子组件通信之v-model

我们都知道父子组件通信有很多方法，v-model就是其中一种，v-model可以实现数据双向绑定，v-model就是v-bind和@input事件的语法糖意思就是v-bind:value和v-on:input
一見如故·2025-05-04 22:59

vue/js中的事件

事件事件监听器添加事件监听器vue中v-on指令用于绑定事件监听器Sayhi简化为：Sayhi监听器的回调函数，第一个参数是事件对象event，之后才是传递的参数2.js原生绑定监听器的方式：el.addEventListener
彬__·2025-04-20 00:22

vue事假机制都有哪些

Vue的事件机制主要包含以下几种类型和方式，可以分为组件内部事件、父子组件通信事件、原生DOM事件封装、修饰符增强等，下面详细分类介绍：一、DOM事件绑定（最基础的事件）使用v-on（或简写@）指令绑定原生
光影少年·2025-04-17 13:27

Vue.js 事件处理器

事件监听可以使用v-on指令：v-on增加1这个按钮被点击了{{counter}}次。
宇哥资料·2025-04-09 21:20

20250331-vue-组件事件1触发与监听事件

触发与监听事件1在组件的模板表达式中，可以直接使用$emit方法触发自定义事件(例如：在v-on的处理函数中)：子组件代码点击exportdefault{emits:['someEvent']}父组件代码
xiezhuangshunv·2025-04-01 17:18

小黑笔记本，写的todolist效果，增删效果，显示隐藏，全部清除效果。

第一个效果：新增1.生成列表结构（v-for数组）2.获取用户输入（v-model）3.回车获取数据（v-on，enter添加数据）第二个效果：删除1.点击删除指定的内容（v-onsplice索引）通过对应的下标删除指定的元素
YangHuan3·2025-03-20 10:42

Vue.js 事件处理与修饰符详解

Vue的事件处理通过v-on指令实现，同时还提供了丰富的事件修饰符和按键修饰符，帮助我们更高效地处理事件。
vvilkim·2025-03-18 07:10

Vue3 事件处理

以下是Vue3中事件绑定的一些关键点：1.1使用v-on或@指令在Vue3中，我们可以使用v-on或简写@指令来绑定
wjs2024·2025-03-15 14:02

Vue.js 学习笔记

1.2Vue.js的特点1.3Vue.js基础示例二、Vue.js常用指令2.1双向数据绑定（`v-model`）2.2条件渲染（`v-if`和`v-show`）2.3列表渲染（`v-for`）2.4事件处理（`v-on
剑走偏锋o.O·2025-03-05 17:39

《2.3、事件处理》

v-on指令。语法格式：v-on:事件名="表达式"例如：v-on:click="表达式"表示当发生鼠标单击事件之后，执行表达式。v-on:keydown="表达式"表示当发生键盘按下事件之后
遇见~未来·2025-03-02 21:18

Vue学习教程-16html标签元素绑定事件

文章目录前言一、表单数据绑定事件二、多媒体元素绑定1.图片img和视频元素video三、容器元素绑定事件前言在Vue中，你可以通过v-on指令（或在Vue2.x中简写为@）来绑定事件。
番茄番茄君·2025-02-27 17:56

vue制作导航栏html,Vue实现导航栏菜单

v-bind:class="{checked:index==nowIndex}"v-on:click="setTab('menu',index,menus)">{{menu.text}}菜单一的内容菜单二的内
DataQueen·2025-02-20 07:17

Vue 实现mvvm框架

最近手痒，当然也是为了近阶段的跳槽做准备，利用周五时光，仿照vue用法，实现一下mvvm的双向绑定、数据代理、大胡子{{}}模板、指令v-on，v-bind等。
Jarvan大熊·2025-02-02 03:37

Vue3 v-bind 和 v-model 对比

1.基本概念1.1v-bind单向数据绑定从父组件向子组件传递数据简写形式为:1.2v-model双向数据绑定父子组件数据同步本质是v-bind和v-on的语法糖2.基础用法对比2.1表单元素绑定import
傻小胖·2025-02-01 19:34

el-input限制只能输入数字

所以该方案不是最佳解决方案3.在el-input的v-on:input="value=val
Orange301511·2025-01-28 19:06

Vue-常见指令

v-if/v-else-if/v-else条件性的渲染某元素，判定为true时渲染,否则不渲染v-show根据条件展示某元素，区别在于切换的是display属性的值v-model在表单元素上创建双向数据绑定v-on
dd要努力变优秀！·2025-01-17 17:43

Vue指令系统

文章目录一、v-bind二、v-on事件对象事件修饰符三、v-if四、v-show五、v-forv-for和v-if的注意事项一、v-bind标签属性绑定指令，用来动态控制属性值v-bind指令可以为某个属性绑定上一个动态值
扼流挽·2024-09-03 19:01

Vue——认识day03_事件

目录1.事件处理2.事件修饰符3.键盘事件总结1.事件处理事件的基本使用有以下几步骤：使用v-on:xxx或@xxx来绑定事件，其中xxx是事件的名称。
WenJGo·2024-08-31 18:32

vue 中最基本的指令

插值表达式v-cloak（防止网速问题造成的内容错误）v-text绑定内容v-bind(缩写是:)绑定属性v-on(缩写是@)绑定事件v-model双向绑定属性只能应用于表单元素input（radio，
Victor_b905·2024-08-30 01:49

vue事件监听

我们可以使用v-on指令(简写为@)来监听DOM事件，并在事件触发时执行对应的1.回车事件（点击回车触发）@confirm适用[email protected]适用vue3运用场景：通常在文本框输入的时候使用
小汤猿人类·2024-08-28 15:03

vue事件绑定

v-on：事件名=“表达式”例如：v-on：click=“表达式”表示当发生鼠标单机事件以后，执行表达式v-on=keydown“表达式”表示当键盘按下事件以后，执行表达式3在vue当中，所有事件所关联的回调函数
软件技术NINI·2024-08-28 12:17

5-Vue vue-on

1.作用：对页面中的事件进行绑定2.语法：v-on:事件类型=“事件处理函数名”缩写：@事件类型=“事件处理函数名”3.vue事件绑定提供了两方面的内容：自定义事件和为DOM绑定事件。
波克比·2024-02-20 00:45

Vue事件手册

转载于：vue中v-on支持的事件总结_v-on:paste-CSDN博客资源事件事件名称何时触发error资源加载失败时。abort正在加载资源已经被中止时。load资源及其相关资源已完成加载。
Oneforlove_twoforjob·2024-02-19 12:56

Vue - 事件修饰( Event modifiers )

如果不想执行任何事情的话，也可以v-on:click.prevent=""。
廖马儿·2024-02-15 05:44

Vue自定义指令

-指令的值1.需求2.语法3.代码示例三、自定义指令-v-loading指令的封装1.场景2.需求3.分析4.实现5.实现代码一、自定义指令1.指令介绍内置指令：v-html、v-if、v-bind、v-on
duration～·2024-02-15 03:50

vue 基本语法操作

表单元素v-bind:id=""v-bind:href=""v-bind后面跟是html的属性键，后面跟的是vue实例化里面的属性值，简写方式v-bind:href->:hrefv-on:click=""v-on
sunxiaochuan·2024-02-14 22:06

VueCLI核心知识2：插件、自定义事件

1插件功能：增强Vue1.定义插件2.使用插件2自定义事件一种组件间的通信方式：适用于子组件===>父组件方式1：使用@或者v-on:-->importStudentfrom'.
是小蟹呀^·2024-02-14 02:10

Vue组件之间传递数据的五种方式

Vue组件之间数据传递的几种方式：父组件向子组件传递数据，使用props属性；子组件向父组件中传递数据，在子组件中使用$emit派发事件，父组件中使用v-on监听事件；缺点：组件嵌套层次多的话，传递数据比较麻烦
王哈哈zzz·2024-02-12 09:11

VUE学习——事件处理

我们可以使用【v-on】（简写：@）来处理。内联按钮按钮{{count}}方法
BUG批量生产者·2024-02-12 03:14

Vue 笔记 12.06 v-model深入理解 sync修饰符 具名插槽 作用域插槽 混入 混入ajax的基本操作

一、v-model详解：v-model其实就是v-bind:和v-on:的语法糖也就是缩写这里通过v-model替代了v-on和v-bind二、sync修饰符绑定属性时，采用xx.sync修饰符，可以省略
玛骑犸·2024-02-12 03:50

vue常用修饰符

1.事件修饰符vue为v-on提供了事件修饰符，通过点(.)表示的指令后缀来调用修饰符。.stop阻止点击事件冒泡。
lyyvscc·2024-02-11 22:41

vue事件绑定

vue事件绑定基本用法Vue提供了v-on指令来监听DOM事件，在事件绑定上，类似原生JavaScript的onclick事件写法，也是在HTML上进行监听。
Mr Robot·2024-02-11 07:57

VUE教程（第三节）

又是完美的周末，我们又开始愉快的学习了，这节课我们学习十大指令：v-text、v-html、v-show、v-if、v-else、v-for、v-bind、v-on、v-model、v-once;——》
多平方·2024-02-11 02:12

VUE2快速学习(必看)

打篮球足球籍贯请选择陕西山西北京你的姓名是:{{name}},性别为:{{sex}},爱好是:{{hobby}},籍贯是:{{address}}提交v-bind绑定属性,动态的加载资源v-bind:可以简写成:轮播图效果展示:下一张上一张v-on
小高求学之路·2024-02-10 20:01

Vuex的基本使用

1.Vuex概述1.1组件之间共享数据的方式：父向子传值：v-bind属性绑定子向父传值：v-on事件绑定兄弟组件之间共享数据：EventBus$on接收数据的那个组件$emit发送数据的那个组件1.2Vuex
微笑曲线_8eee·2024-02-10 04:24

vue指令

前言对vue常见指令进行总结指令作用v-bind为HTML标签绑定属性值，如设置href，css样式等v-model在表单元素上创建双向数据绑定v-on为HTML标签绑定事件v-if条件性的渲染某元素，
封奚泽优·2024-02-09 15:11

Vue中v-on 可以监听多个方法吗

其中，v-on指令是Vue.js中一个非常重要也非常常用的指令，它用于监听DOM事件，并在触发事件时执行相应的方法。那么问题来了，Vue中的v-on指令是否可以监听多个方法呢？答案是肯定的！
JJCTO·2024-02-09 09:52

前端面试2021.4.9

答案：v-model可以实现双向绑定，指令（v-bind:class、v-for、v-if、v-show、v-on）。vue的model层的data属性。绑定事件：3.v-model的实现原理？
土鳖班长大大·2024-02-09 09:56

vue3：28— Vue 2 对 Vue 3 的所有非兼容性改变。（vue3学习笔记终）

keyCode作为v-on修饰符的支持。v-model指令在组件上的使用已经被重新设计，替换掉了v-bind.sync.v-if和v-for在同一个元素身上使用时的优先级发生了变化。
有蝉·2024-02-08 01:54

通过记事本案例了解vue的列表循环，表单元素绑定

分析:1.新增：生成列表结构(v-for)；获取用户输入(v-model)；回车新增数据(v-on)2.删除：点击删除指定内容(v-onsplice索引)3.统计：统计信息个数(v-textlength
Mir ㅤ·2024-02-08 00:54

六.Vue.js界面绑定指令-元素、事件、属性绑定

事件、属性操作内容节点：v-text、v-html、v-model、v-show、v-if、v-else、v-else-if、v-for、v-pre、v-cloak、v-slot、v-once操作事件：v-on
小虫信息科技·2024-02-08 00:22

[vue]6-vue的事件绑定/条件渲染/循环/表单绑定

使用v-on指令v-on介绍作用：绑定事件监听器缩写：@预期：Function|InlineStatement|Object参数：eventv-on基础这里，我们用一个监听按钮的点击事件，来简单看看v-on
给你翅膀·2024-02-08 00:21
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他