美文网首页
v-on的基本使用

v-on的基本使用

作者: 63537b720fdb | 来源:发表于2020-07-17 20:33 被阅读0次

事件就是一个动作,点击的动作,拖拽的动作,滚动的动作……
当我们需要给这些动作做一些反馈,和用户形成交互效果时,就需要事件监听,当用户触发某个事件时,事件处理函数就对这个事件作出反馈。

用点击事件举例:

1.v-on:click = "表达式"

image.png

2.v-on:click = "函数"

当绑定的事件处理函数操作复杂时,就不能采用表达式的写法


image.png

3.语法糖

v-on:click=" "的语法糖是@click:" "

相关文章

  • 8 vue 事件监听

    1,v-on基本使用 v-on参数问题 3 v-on 修饰符的作用

  • v-on的基本使用

    事件就是一个动作,点击的动作,拖拽的动作,滚动的动作……当我们需要给这些动作做一些反馈,和用户形成交互效果时,就需...

  • Vue学习笔记[05]-v-on指令的使用

    v-on介绍 作用:绑定时间监听器缩写:@参数:event v-on的基本使用在前面已经介绍过了,这里放出官网的实...

  • 事件处理

    事件基本使用 1.使用v-on:click="xxx"或@click="xxx"来绑定事件,xxx是事件名2.事件...

  • Vue事件处理

    一、 事件的处理 1、事件的基本使用: 1、使用v-on:xxx 或 @xxx 绑定事件,其中xxx是事件名2、事...

  • Vue.js 事件处理器

    事件监听可以使用v-on指令:v-on 通常情况下,我们需要使用一个方法来调用JavaScript方法。v-on可...

  • vue 基础学习 第三天

    21 事件的基本使用 代码 事件绑定:在宿主元素内 v-on:事件="事件触发调用的函数()" , 如果没有参数列...

  • Vue框架

    Vue框架官方[https://cn.vuejs.org/]Vue的基本使用步骤1.准备一个容器 v-on:cli...

  • Vue作品考核回顾

    基本指令 插值语法 Mustache 语法 {{ }} v-on v-on 监听指令, 语法糖为@ 在调用方法时,...

  • vue学习第二天笔记

    事件 基本事件:v-on:click(报红,但不影响功能的使用) @click 阻止冒泡和阻止默认事件阻止冒泡原生...

网友评论

      本文标题:v-on的基本使用

      本文链接:https://www.haomeiwen.com/subject/lgjnhktx.html