Shulou(Shulou.com)05/31 Report--

In this article, Xiaobian introduces in detail how to use localStorage in vue to clean up data when the interface is refreshed. The content is detailed, the steps are clear, and the details are handled properly. I hope that this article "how to use localStorage in vue to clean up data when the interface is refreshed" can help you solve your doubts.

Usage in vue:

1. Create a new store.js file

LocalStorage can only store strings, and non-string data is converted to strings before it is stored. It can be troublesome to store some complex data types. The following method is to use the JSON.stringfy () method to convert it to a string before storing it, and to restore it using the JSON.parse () method when reading.

Const IDLIST_KEY = 'idlist'; / / define constant save key value export default {saveIDlist (data) {window.localStorage.setItem (IDLIST_KEY,JSON.stringify (data));}, fetchIDlist () {return JSON.parse (window.localStorage.getItem (IDLIST_KEY) | |' []');}}

2. Introduce the js file:

3. Use:

Store.saveIDlist (selectIDlist); / / Save selectIDlist = store.fetchIDlist (); / / read so far, this article "how to use localStorage in vue to clean up data when the interface is refreshed" has been introduced. If you want to master the knowledge of this article, you still need to practice and use it to understand it. If you want to know more about related articles, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.