关于vue与wechat 上无法运行

suriski · 7年前

1.我通过laravel5.3版本，通按照官方文档这样写法，在pc端的浏览器与微信开发者工具都可以运行的。但是当我用真机微信x5浏览器访问的时候，却无法触发到vue的一些效果，写法是es6写法，前端ui是mint ui。请问有人遇到过我这样的问题吗？
2.我通过查找到许多浏览器得知微信等一些浏览器无法兼容es6的写法，当我更改成es5写法的时候，还是不行。难道vue的兼容性就这么差吗？如果兼容性差，那么官方的demo的却可以完美的在微信中跑？这又是什么原因呢？
如上所述两点，请问有人和我一样遇到过相同的问题吗？

以下是我粘贴官方的一个demo:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
</head>
<body>
  <div id="app">
    <mt-button @click.native="handleClick">按钮</mt-button>
  </div>
</body>
  <!-- 先引入 Vue -->
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <!-- 引入组件库 -->
  <script src="https://unpkg.com/mint-ui/lib/index.js"></script>
  <script>
    new Vue({
      el: '#app',
      methods: {
        handleClick: function() {
          this.$toast('Hello world!')
        }
      }
    })
  </script>
</html>

mint demo :http://elemefe.github.io/mint-ui/#/

Yawenina

将前端es6的代码用babel转换成es5的试试。安卓版的微信对es6的支持很差，有些通过转译都不能在微信上跑起来。

你可以用微信的开发者工具，连上安卓手机，看看是哪里报错。