Home

Issue: 778

Nuxt.js cannot trigger event on some chinese mobile browser (like QQ browser)

[issue link]

All of them are tested by QQ mobile browser through ngrok.

Load Vue Script

index.html

<div id="app"></div>
<script src="https://unpkg.com/vue"></script>
<script>
  new Vue({
    el: '#app',
    template: '<section class="container"><div><button @click="count = count + 1">+</button><span>{{ count }}</span><button @click="count = count - 1">-</button></div></section>',
    data: {
      count: 0
    }
  })
</script>

vue_native_cut

Use Webpack

vue init webpack webpack-test

src/App.vue

<template>
  <section class="container">
    <div>
      <button @click="count = count + 1">+</button>
      <span>{{ count }}</span>
      <button @click="count = count - 1">-</button>
    </div>
  </section>
</template>

<script>
  export default {
    data() {
      return {
        count: 0
      }
    }  
  }
</script>

vue_webpack_cut

Nuxt

vue init nuxt/starter nuxt-test

pages/index.vue

Same code as previous one.

nuxt_cut

This question is available on Nuxt.js community (#c665)