<template>
  <div class="div">
    <ul>
      <li v-for="i in 10000" :key="i" @click="onClick(i, $event)">
        {{i}}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'Channel',
  methods: {
    onClick(i, evt) {
      evt.preventDefault();
      console.log(i);
    }
  }
};
</script>

<style lang="scss" scoped>
body {
  width: 100%;
}

.div {
  width: 100%;
  pointer-events: none;

  li {
    border: 1px solid #000;
    height: 50px;
    margin: 5px;
  }
}
</style>