Javascript Vue.js表单页面从新页面返回时会丢失其数据

我有一个Vue.js页面，基本上是一个大的文本区域。如果用户点击该页面上的“设置”并打开设置页面，然后返回到原始页面，则textarea数据将全部消失。当然，一定有一种简单的方法不丢失所有东西，而不将其保存到数据库或其他地方，对吗

我正在使用Vue路由器

---

Vue路由器是否有类似于模式窗口（但用于智能手机应用程序）的功能，可以取消该功能以保存下面的所有内容？

我会在路由路径中对表单ID进行编码，并进行设置，以便将ID传递给组件的道具：

//router.js
导出默认的新VueRouter(
路线：[
{
路径：“/form/：id”，
名称：“表格”，
组件：（）=>import（“@/components/MyForm.vue”），
道具：真的
}
]
)
//MyForm.vue
导出默认值{
道具：{
身份证：{
类型：[数字，字符串]，
默认值：0，
要求：正确，
},
},
数据（）{
返回{
text:“text”+this.id，
};
},
}

然后使用重复使用，并使用路由的完整路径作为

路由器视图的
键
：



谢谢你，托尼。我看了你的演示，效果不错。然而，当我将参数传递到组件中时，就像这样：我的表单我只能做一次，第一次。之后，组件总是接收第一次调用的参数。“我的表单”页面兼作“查看”页面，其中文本区域在可编辑之前是只读的。我希望textarea显示每个链接的ID，但它只显示在第一个链接上。