1.不是數(shù)組，沒有l(wèi)ength，不能循環(huán)。

我將var stuname = []做數(shù)組也不行

做成數(shù)組是可以的，你可以貼下你改成數(shù)組的代碼，或者給出你得到的數(shù)據(jù)。

2.沒有setItem當(dāng)然拿不到，一般也不用sessionstorage，因為瀏覽器打開一個新的標(biāo)簽頁，sessionstorage是不共享的，當(dāng)然這也可能是你的需求。

1.截圖看下前端取到的值是什么
2.設(shè)置的時候這樣設(shè)置 sessionStorage.setItem('name', 'A同學(xué)'), 取值就可以像你寫的那樣取值了 sessionStorage.getItem('name')

有個問題，不要把數(shù)組存成JSON對象，你的問題可能和這個有關(guān)，我沒試過v-for能不能遍歷對象。按照js的語法的話你for-in遍歷出來的是key而不是value。其次出現(xiàn)奇怪的問題你的第一反應(yīng)應(yīng)該是把奇怪的數(shù)據(jù)打印出來——你確實是打印出來了，但只在后端打印，沒在前端打印，而你出問題的部分目前看來在前端。

你的第二個問題的原因是你沒有正確使用sessionStorage，會話存儲也是key-value結(jié)構(gòu)的，從你的截圖中看，你把一條記錄的key設(shè)置成了“A同學(xué)”，value設(shè)置成了空串，存儲中也確實沒有name這個key，span里當(dāng)然不會有A同學(xué)了。具體使用方法參考w3cschool的教程即可。

看題主的描述，我猜測你是跳轉(zhuǎn)了頁面之后再往sessionStorage里存東西？還是先往sessionStorage里存東西再跳轉(zhuǎn)頁面？我試過后者，后者不會導(dǎo)致存儲出現(xiàn)問題?？搭}主貼的代碼sessionStorage.setItem('name',res.data.sname);，這個操作如果正常完成，一定會往sessionStorage里存入key為“name”，value為res.data.sname的值的記錄，比如

sessionStorage.setItem('test', 'Rua');
sessionStorage.getItem('test');
// "Rua"

雖然題主找到了獲取“A同學(xué)”的方法，但這沒有從根本上解決問題，還是希望題主能先確認(rèn)一下sessionStorage的功能正常，以及自己的用法的正確性。

<ul><li v-for = "item in data">{{ item }}</li></ul> 

data (){
  return{
    data: ''
  }
},
mounted() {
  var that = this;
  this.$ajax.post('http://localhost:3000/get-name', this.$qs.stringify({
  })).then(res => {
    that.data = res.data;
  })
}

這個item里面是這樣的，

{'0':'A同學(xué)','1':'B同學(xué)','2':'C同學(xué)'}

如果你是想展示出來，這樣寫應(yīng)該是可以的

<ul>
    <li v-for = "item in data">
        <span v-for = "(value, key) in item">{{value.key}}</span>
    </li>
</ul> 

接著是你的存儲問題

data (){
  return{
    name: sessionStorage.getItem('name')
  }
}

<span class="st-name">{{ name }}</span

從你的截圖看，你的sessionStorage的key存的是'A同學(xué)',value是空，你如果是想取A同學(xué)出來,name要傳變量，不是字符串 ‘name’。

name: sessionStorage.getItem('name')

改為

var key = 'A同學(xué)';
var name = sessionStorage.getItem(key);