Vue SessionStorage传值

1、创建 storage.js 封装下方法

export const setSessionStorage = (k, v) => { // 设置

  if (!k || !v) return

  var json = JSON.stringify(v)

  sessionStorage.setItem(k, json)

}

 

export const getSessionStorage = k => { // 获取

  if (!k) return

  let data = null

  let datajson = sessionStorage.getItem(k)

  if (datajson) {

    datajson = JSON.parse(datajson)

  }

  data = datajson

  return data

}

 

export const removeSessionStorage = k => { // 删除

  if (!k) return

  sessionStorage.removeItem(k)

}

2、页面调用

import { setSessionStorage,  getSessionStorage , removeSessionStorage } from "./storage"

setSessionStorage('setName',val) // 设置

const getName = getSessionStorage('setName') // 获取

destroyed () {

      removeSessionStorage('setName',val) // 删除销毁

    }