实现了从后台读取当前用户的账户余额。

src/views/Owner.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="owner-page">
     <div class="card-content">
-      <div class="app-card elevation-1"></div>
+      <div class="app-card elevation-1">
+              <div>余额为 {{ balance }}</div>
+      </div>
       <div class="app-sep"></div>
       <div class="app-card elevation-1"></div>
     </div>
@@ -52,12 +54,19 @@
 import {
   createNamespacedHelpers,
 } from 'vuex'
+import axios from 'axios'
 
 const { mapState, mapGetters, mapActions, mapMutations } = createNamespacedHelpers('owner')
 
 export default {
   name: 'Owner',
 
+  data(){
+    return {
+      balance:0,
+    }
+  },
+
   computed: {
     ...mapState([
       'headers',
@@ -68,7 +77,22 @@ export default {
     ]),
     ...mapGetters([]),
   },
-
+  created:async function(){
+    
+  },
+  mounted:async function(){
+    let account=sessionStorage.getItem('KEY_ACCOUNT')
+    try{ 
+      account=JSON.parse(account)
+      let result=await axios({
+        method:'post',
+        url:location.protocol+'//'+location.hostname+':6842/api/Account/getBalance',
+        data: {Account:{address:account.address}}
+      })
+      this.balance=result.data||0
+    } catch(e){}
+  }
+  ,
   methods: {
     ...mapActions([
     ]),