2019-03-21 |

事件处理方法

<div class="explain">
   <pre class="brush:html">
      <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>
   </pre>
   <div class="tip">
      事件绑定简写方式<br>
      <button @:click="greet">问候</button>
   </div>
</div>

0

发表评论

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