hiron0424
2/5/2020 - 7:00 AM

vue.jsでローカルストレージのデータを取得、セット、削除する

// 取得
// vueのプロパティに値を渡す
this.user_id = localStorage.getItem("user_id");

// JSON.parseで文字列データをJSONとして解析
let user_id = JSON.parse(localStorage.getItem("user_id"));

// セット
 localStorage.setItem('user_id', response.data.user_id);
 
 // まとめてセットver
let data_list = {
    entry_user_number: response.data.entry_user_number,
    event_name: response.data.event_name,
    date: response.data.entry_time.date,
    time: response.data.entry_time.time
};
localStorage.setItem("data_list", JSON.stringify(data_list)); // JSON化してsetする

this.list = JSON.parse(localStorage.getItem("data_list")); // 取得する際の記述
 
 // 削除(key名を指定して削除)
 localStorage.removeItem("user_id");
 
 // 全データ削除
 localStorage.clear();  //全データを消去