Блог

Есть ли способ вызвать sessionStorage в разделе в Vuejs, например

 <template>
      {sessionStorage}
</template>
 

Когда я вызываю подобным образом, я продолжаю получать cant read свойство sessionStorage null

если вы хотите отобразить данные sessionStorage , сохраненные в шаблоне, вы должны сделать это:

 <template>
  <div>{{ sessionStorage.getItem('someName') }} </div>
</template>
 

если вы JSON сохранили sessionStorage и хотите показать какое-то свойство этих данных, вы должны сначала проанализировать его следующим образом:

 <template>
  <div>{{ JSON.parse(sessionStorage.getItem('someName')).propertyName }} </div>
</template>
 

но будьте осторожны, потому что sessionStorage не является реактивными данными, поэтому, если вы измените хранилище после того, как ваш компонент vue отобразится в DOM, вы не сможете увидеть обновленное хранилище