美文网首页
v-on绑定动作事件

v-on绑定动作事件

作者: 秋分落叶 | 来源:发表于2019-06-10 09:39 被阅读0次

  可以缩写成一个@
   <input type="button" value="我是按钮" title="在按钮上悬停内容" v-on:click="show">

    <input type="button" value="我是按钮" title="在按钮上悬停内容" @click="show">

<script>

    var vm = new Vue({

      el: '#app',

      data: {

        mytitle: '这个是自己定义的按钮上悬停内容'

      },

      methods: {

        show: function () {

          alert('123')

        }

      }

    })

  </script>

相关文章

  • vue基本语法

    快速入门 v-on: click 事件绑定 v-on:keydom 键盘绑定 v-on:mouseover 获取焦...

  • 说说 Vue.js 中的 v-on 事件指令

    v-on 事件指令用于绑定事件。 1 基础用法 v-on 指令绑定事件后,就会监听相应的事件。 html: 注意:...

  • v-on绑定动作事件

    可以缩写成一个@ var vm = new Vue({ el: '#app', data:...

  • Vue Day02

    v-on 动态绑定事件 可用@符简写 v-on:

  • Vue学习笔记(7)-事件绑定v-on

    事件绑定 事件绑定就是在HTML元素中,通过v-on绑定事件的。事件代码可以直接放到v-on后面,也可以写成一个函...

  • 【Vue基础】二、Vue中的指令

    1. v-on指令 v-on指令将事件绑定在元素上,可以简写为@。 v-on绑定的事件可以调用methods中的方...

  • 2--vue事件处理

    1. 事件绑定 v-on v-on:事件名=“执行内容” v-on:click=“num=1”简写方法: @事件名...

  • vue第二天总结

    一,v-model v-model:双向数据绑定 用于表单元素 二,v-on:绑定事件 v-on:事件名="函数名...

  • vue中的常用指令二

    一:v-model v-model双向数据绑定,用于表单元素 二、v-on绑定事件 v-on:事件名=“函数名” ...

  • v-mode v-on v-show v-bind v-if 用

    一,v-model v-model:双向数据绑定 用于表单元素 二,v-on:绑定事件 v-on:事件名="函数名...

网友评论

      本文标题:v-on绑定动作事件

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