问题描述

vue项目中，首页输入数据，利用localStorage保存并展示在历史记录页面，新的数据总是会覆盖旧的数据。

问题出现的环境背景及自己尝试过哪些方法

参考过类似问题下的解答，但是无法成功，尝试过利用数组，对象等。

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
发送数据：
clickdetail: function () {

var storage = window.localStorage
var contrastdata = {}
contrastdata.chepai = this.$refs.nowchepai.value
contrastdata.time = this.$refs.nowtime.innerText
contrastdata.chexin = this.$refs.nowchexin.value
storage.setItem('contrastdata', JSON.stringify(contrastdata))
}

接收数据：
var contrastdata = JSON.parse(storage.getItem('contrastdata'))
var chepai = contrastdata.chepai
var chexin = contrastdata.chexin
var time = contrastdata.time

你期待的结果是什么？实际看到的错误信息又是什么？

期待页面展示不存在数据覆盖问题，可以一行一行记录。