公众号文章

src/pages/wxArticle/index.vue

+<!--
+ * @Author: your name
+ * @Date: 2020-10-21 09:51:48
+ * @LastEditTime: 2020-10-21 10:35:55
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \mayi-mp-shop\src\pages\wxArticle\index.vue
+-->
+<template>
+  <div>
+    <web-view
+      :src="link"
+      @message="getMessage"
+      @error="handleError"
+      @load="handleLoad"
+    ></web-view>
+  </div>
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            link : ''
+        }
+    },
+    onLoad(options){
+        console.log(decodeURIComponent(options.link),'地址')
+        this.link = decodeURIComponent(options.link)
+    },
+    methods: {
+        //加载成功
+        handleLoad() {
+            console.log("网页加载成功");
+        },
+        handleError(data) {
+            wx.showLoading({
+                title: "网页加载失败 请右上角刷新",
+            });
+        },
+    }
+};
+</script>
+
+<style lang="scss" scoped></style>

src/pages/wxArticle/main.js

+import Vue from 'vue'
+import App from './index'
+
+const app = new Vue(App)
+app.$mount()

src/pages/wxArticle/main.json

+{
+    "navigationBarTitleText": "文章"
+}
\ No newline at end of file