2019-05-04 |

事件处理方法

<div id="app">         
   <button v-on:click="greet">问候</button>
</div>
<script>
   var app = new Vue({
      el:'#app',
      data:{
         name:'Vue.js'
      },
      methods:{
         greet:function(event){
            // 'this' 在方法里指向当前 Vue 实例
            alert('你好'+this.name+'!');
            // 'even' 是元生 DOM事件
            if(event){
               alert(event.target.tagName)
            }

         }
      }
   })
   // 也可以用JavaScript 直接调用
   app.greet();
</script>
事件绑定简写方式
<button :click="greet">问候</button>

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论