vue事件中访问原生dom及监听enter事件

606 阅读1分钟

在事件方法中访问原生dom

<template>
<div id="example1">
    <!--greet函数的第一个参数就是原生dom-->
    <button v-on:click="greet">Greet</button>
    <!--greet1函数的第一个参数是传的值,第二个$event就是原生dom-->
    <button v-on:click="greet1(1,$event)">Greet1</button>
</div>
</template>

<script>

export default {
  name: 'home',
  data(){
  	return {}
  },
  methods: {
    greet(event){
        conosle.log(event.target.innerHTML)// greet
    },
    greet1(a,event){
        console.log(a)// 1
        conosle.log(event.target.innerHTML)// greet1
    }
  }
}
</script>

监听键盘enter事件

直接在created中添加原生事件

created() {
  document.onkeydown = function(e){
      console.log(e)
      var key = window.event.keyCode;
      if(key == 13){
          alert('点击了enter')
      }
  }
},