Static GitHub Issues

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

prev: Module from npm written in ES6
next: new version add css lint?

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

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c665">#c665</a>)</em></sub></div>