vue.js的事件处理器v-on:click

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gaoxiaoba/article/details/52711946

用 v-on 指令监听 DOM 事件

注意:HTML5中不能使用v-on,换为@

(1)html代码:

<div id="example">
  <button v-on:click="greet">Greet</button>
  或者
  <button @click="greet">Greet</button>
</div>

(2)js代码:

var vm = new Vue({
  el: '#example',
  data: {
    name: 'Vue.js'
  },
  // 在 `methods` 对象中定义方法
  methods: {
    greet: function (event) {
      // 方法内 `this` 指向 vm
      alert('Hello ' + this.name + '!')
      // `event` 是原生 DOM 事件
      alert(event.target.tagName)
    }
  }
})

(3)效果展示:




展开阅读全文

没有更多推荐了,返回首页