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>
    
posted @   涛啊声依旧  阅读(2838)  评论(2编辑  收藏  举报
编辑推荐:
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
阅读排行:
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
· 全程使用 AI 从 0 到 1 写了个小工具
· 从文本到图像:SSE 如何助力 AI 内容实时呈现?(Typescript篇)
点击右上角即可分享
微信分享提示