Vue中使用h5 Plus的方法

• 安裝擴展

  npm i vue-awesome-mui -S
  

• 引入

  // main.js中引入'vue-awesome-mui'
  import Mui from 'vue-awesome-mui';
  Vue.config.productionTip = false
  Vue.use(Mui);
  

• 使用

  <script>
    export default {
      methods:{
        plusReady () {
          const win = plus.webview.create();
          win.show();
        },
      },
      created () {
        // 擴展API是否准備好，如果沒有則監聽“plusready"事件
        if (window.plus) {
          this.plusReady()
        } else {
          document.addEventListener('plusready', this.plusReady, false) 
        }
      }
    }
  </script>