v-on

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

Vue04_Vue基本指令3/3——列表循环、表单元素绑定（v-for/v-on补充/v-model）

一、v-for作用：根据数据生成列表结构v-for常与数组结合使用语法：（item，index）in数据如图：效果：item和index可以结合其他指令一起使用数组的长度更新会同步到页面上，是响应式的给上面实例添加两个button，实现元素增加与减少：{{item.name}}varapp=newVue({el:"#app",data:{game:[{name:"和平精英"},{name:"王者荣
ParadoxLin·2024-02-08 00:21

vue之事件和小案例实现TODO

一、vue支持触发事件:写法是:v-on:click="fn"等价于@click="fn"等价于事件点我啊,小哥哥!
蜗牛ICU·2024-02-05 22:37

[Vue3]父子组件相互传值数据同步

简介vue3中使用setup语法糖，父子组件之间相互传递数据及数据同步问题文章目录简介父传子props传递值使用v-bind绑定props需要计算toRefcomputedemit传递方法使用v-on绑定子传父
Suppose·2024-02-05 11:42

Vue的组件（2）

自定义事件的监听和触发父组件可以像处理DOM事件一样通过v-on监听子组件实例的自定义事件，而子组件可以通过调用内建的$emi
轮孑哥·2024-02-05 08:30

二、vue从入门到进阶：指令与事件

YES':'NO'}}{{message.split('').reverse().join('')}}二.v-bind与v-on的缩写v-bind缩写ButtonButtonv-on缩写......三.
负15厘米的爱·2024-02-04 08:38

【Vue】指令之内容绑定，事件绑定

Vue指令[1]内容绑定，事件绑定v-test指令v-html指令v-on基础内容绑定，事件绑定v-test指令作用：设置标签的文本值（textContent）默认写法会替换全部内容，使用差值表达式可以替换指定内容内部支持写表达式标签原文本值
three想当技术大佬·2024-02-03 08:46

穿透问题——vue,jquery,事件冒泡

vue穿透事件：解决办法我们只需要v-on:click.stop=''就可以阻止事件的穿透到下一级。
喵呜Yuri·2024-02-02 18:03

Vue中的常用指令

vue中的指令按照不同的用途可以分为如下6大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令（v-bind
Maiko Star·2024-02-02 17:03

ElementUI - el-input等组件绑定点击事件

前言vue使用elementUI的input组件时，添加：绑定时间无效解决方法可以使用v-on的修饰符.native
idomyway·2024-02-02 15:02

[Vue.js] 一篇超级长的笔记，给《Vue.js 实战》划个重点

文章目录第1篇基础篇第1章初识Vue.jsMVVM模式通过script加载CDN文件第2章数据绑定和第一个Vue应用创建Vue.js应用生命周期v-bind和v-on语法糖第3章计算属性什么是计算属性计算属性的
封闭式基金·2024-02-01 16:43

Uniapp-（修改数组对象某个值、点击事件、计算属性、监听、深度监听）

1.数组绑定点击事件点击事件就是“click”和用于绑定事件的v-on使用，可以做到修改数组对象中的某个元素，v-on可以缩写为@符号。
一只大黑洋·2024-02-01 11:25

Vue学习总结

声明：本文来源于黑马程序员PDF讲义双向绑定：修改表单项标签，发现vue对象data中的数据也发生了变化双向绑定的作用：可以获取表单的数据的值，然后提交给服务器事件绑定v-on:用来给html标签绑定事件的
买个等离子电视·2024-01-31 20:28

简单点击图片弹出video视频弹窗功能

HTML+JS+CSSVue.js+Element的本地引入阿里巴巴矢量图标库本地引入这里为了简化重复代码，我们使用vue的v-for来帮助我们遍历数组或对象，使用v-bind来实现数据的动态绑定，使用v-on
高中不复，大学纷飞·2024-01-31 08:10

数据双向绑定v-modal

即在子组件通过$emit()触发一个事件，在父组件使用v-on来监听对应的事件并修改相应的数据。
前端碎碎念·2024-01-30 02:35

Vue子组件向父组件使用自定义事件$emit传递数据无效的坑

在父组件中，通过v-on来监听子组件事件。我们来看一个简单的例子：我们之前做过一个两个按钮+1和-1，点击后修改counter。我们整个操作的过程还是在子组件中完成，但是之后的展示交给父组件。
coderYYY·2024-01-29 09:48

2019-05-22

v-on监听dom事件v-on可以接收一个需要调用的方法名称:监听键盘抬起事件，go方法在键盘抬起时触发；go:function(event){this.
happy_b277·2024-01-28 12:07

24.Vue中父子兄弟组件传递数据

1.子向父组件传递数据（基本方式）子向父组件传递数据通常有：（1）通过props（2）自定义事件v-on绑定自定义事件、$emit触发自定义事件（3）$bus总线直接共享数据（4）vuex（5）消息订阅与发布
风落不归处·2024-01-28 11:08

学习Vue系列—常用指令v-bind、v-on、v-for、v-if和v-show

Vue常用语法格式插值语法num1和num2较大的数字是:{{num1>num2?num1:num2}}请反转str:{{str.split("").reverse().join("")}}newVue({el:"#app",data:{num1:10,num2:20,str:"helloworld",}})v-bind指令v-bind:指令用来控制标签属性，简写为:，值是data中的数据。如果d
前端may·2024-01-28 03:14

Vue基本指令 V-bind V-if V-on V-for + 其他 + Mustache语法(uni-app)

一、v-bind指令:动态绑定一个或者多个属性{{message}}//1.v-bind的基本用法百度一下//语法糖:简写:百度一下data(){return{baiduUrl:'http:www.baidu.com'message:'HelloWorld'}}---------------------------------------------------------------------
呆呆．·2024-01-28 03:14

vue指令 v-bind v-on v-model v-text v-html

一、v-bind--给标签属性设置vue变量的值格式：v-bind:原生属性名="vue变量"/:原生属性=“vue变量”1、准备数据data(){return{name:"小vue",obj:{age:9,hobby:"eat",},a:"kk",ceshi:"abc",myLink:"https://www.baidu.com",myImg:"http://www.itcast.cn/2018
Nikki_u·2024-01-28 03:13

vue常用指令(v-on传递参数和事件修饰符)

1、传递自定义参数:函数调用传参代码DocumentvarVm=newVue({el:"#app",data:{},methods:{showParam:function(var1){console.log("参数："+var1);},},});测试结果：2、事件修饰符:对事件触发的方式进行限制修改代码Document-->varVm=newVue({el:"#app",data:{},metho
CAUC_lin·2024-01-28 03:43

Vue 技术的小技巧

尽管我们可以在methods里面这样写，但是更好的规范是：methods只做数据的逻辑处理，而不是去处理DOM相关的细节（阻止事件冒泡）为了解决这个问题，Vue为v-on提供了事件修饰符。
FantasticLBP·2024-01-27 13:08

【Vue3】指令(Directives)的运用

指令vue的指令就是以v-为前缀的属性，他期望的值大部分是js表达式（除v-for、v-slot、v-on）,作用是在表达式值改变后响应式的更新dom。
ZSK6·2024-01-27 09:36

vue点击事件触发

v-on简写：@......++dblclick是双击事件，顾名思义就是双击两次才会去执行，单击是不能够触发事件的更多事件监听可以去vue官网文档看
三七_z·2024-01-27 01:17
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他