Day19 vue.js之我的专案显示

延续昨日
今天从我的专案开始
老样子先新增一个project.vue
再来去加入新的path
然後先把home.vue的程序码直接贴过来
再来做一点小修正

这样乍看之下是对的因为目前就2篇文章然後2篇都是邦乔飞发的

但是实际上我们还缺少了一个步骤就算抓出所有文章帐号是属於邦乔飞的
然後把这些文章列出来

async mounted(){
      let articles =await axios.get(`${this.db_api}`+"articles?useraccount=sa")
     this.projects=articles.data
     let user=sessionStorage.getItem('user-info')
     this.useraccount=JSON.parse(user).id
     this.username=JSON.parse(user).username
   
    
   }

基本上就只动了一点点
可以看到目前是这样

接下来将写死的参数改掉

async mounted(){
      let articles =await axios.get(`${this.db_api}`+"articles?useraccount="+`${this.useraccount}`)
     this.projects=articles.data
     let user=sessionStorage.getItem('user-info')
     this.useraccount=JSON.parse(user).id
     this.username=JSON.parse(user).username
   
    
   }

没想到这样竟然没有显示任何东西
真是太奇怪了
Debug 半天才发现原来是顺序问题

async mounted(){
  
   let user=sessionStorage.getItem('user-info')
   this.useraccount=JSON.parse(user).id
   this.username=JSON.parse(user).username
   let articles =await axios.get(`${this.db_api}`+"articles?useraccount="+`${this.useraccount}`)
   this.projects=articles.data
  
 }

我要先接到session我的useraccount才会有值
接下来就来测试看看吧!!
登入一个之前创的帐号

可以看到里面空无一物
再来就是新增专案

再回去home列表确认有新增资料了