- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这是我正在做的:我有一个表单集组件,它通过 ajax 获取数据以填充表单集。用户可以从表单修改这些数据并提交。
问题:这很好用。但是,我注意到如果我导航到另一个页面然后点击浏览器的“返回一页”按钮,表单就在那里(模板中的 DOM)但是是空的。v-model 输入字段中不再有数据绑定(bind)...
大多数关于此行为的帖子都与我不使用的 vue-router 相关。
我认为它可能必须处理生命周期钩子(Hook)......实际上,在我的组件上,我在“安装”时获取数据。但是,如果是这样,是哪个生命周期?
我也尝试过“keep-alive”但没有成功。
我在我的组件上放了一些详细的日志,试图在浏览器返回时捕获生命周期钩子(Hook),但没有打印出它们......
beforeCreate: function() {
console.log('---- BEFORE CREATE ----> ')
},
created: function() {
console.log('---- CREATED ----> ')
this.getModelObjects();
},
beforeMount: function() {
console.log('---- BEFORE MOUNT ----> ')
},
mounted: function() {
console.log('---- MOUNTED ---->')
this.getModelObjects();
},
beforeUpdate: function() {
console.log('---- BEFORE update ----> ')
},
updated: function() {
console.log('---- UPDATED ----> ')
},
beforeDestroy: function() {
console.log('---- BEFORE DESTROY ----> ')
},
destroyed: function() {
console.log('---- DESTROYED ----> ')
},
有什么想法吗?
最佳答案
OK,我用最简单的方法解决了这个问题!
实际上,使用 localStorage
( https://fr.vuejs.org/v2/cookbook/client-side-storage.html ) 并不能解决问题。
无论如何,它需要绑定(bind)到生命周期钩子(Hook)才能被触发。因此,由于我已经使用 Axios 将后端数据库上的这些数据同步,这会增加冗余的复杂性并最终导致相同的问题。
我还注意到只关注 v-model 字段。 {{ var }} 不是。所以,我最终认为这确实与表单有关。
相反,我在表单中使用了 autocomplete="on"
。
<form method="post" autocomplete="on">
.....
</form>
但实际上,自动完成功能默认是“开启”的:
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
The persistence feature is enabled by default. Setting the value of the autocomplete attribute to off disables this feature.
我不记得为什么,但我在表单中使用了 autocomplete="off"
:-( ...这可能就是为什么我没有看到太多关于它的帖子......
现在,如果用户单击页面上的链接,然后使用“返回一页”按钮向后导航,v-model 绑定(bind)字段就在那里。
关于forms - 浏览器返回页面时 Vue.js 表单数据绑定(bind)丢失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52762493/
我一直在开发一个 .NET 字符串格式化库来协助应用程序的本地化。它称为 SmartFormat 并在 GitHub 上开源. 它试图解决的问题之一是 Grammatical Numbers .这也称
leetcode关于单数II的题目是: 给定一个整数数组,除一个元素外,每个元素出现三次。找到那一个。笔记:您的算法应该具有线性运行时复杂度。你能在不使用额外内存的情况下实现它吗? 其实我已经从网站上
我想知道创建/命名模型的首选方法是什么? 我的应用程序有一个“用户”模型,其中包含用于创建、获取、更新(等)用户记录的所有相关业务逻辑。 在我的一些 Controller 中,我可能想要获取多个“用户
在我的 Mysql 数据库中,我有一个术语列表,例如(首字母大写,大多数时候是复数) Hairdressers Restaurants Beauty Salons Fournitures For Re
如果我决定为我的所有路线名称使用复数形式,但某些资源仅作为一个东西存在,您是否将其保持为单数(更直观)或尊重使用复数的决定并保持这种方式? 我们正在用 PHP 为我们的客户门户网站设计一个新的 API
我可能在做一些愚蠢的事情,但是...... 应用/模型/user.rb: class User 然后,当我导航到 /users/123/totem/new 时,出现错误: ActionView::
您能否澄清一些 Matplotlib 术语: “subplots”(或“subplot”?)这个词是“axes”的同义词吗? “轴”和“轴”的单数/复数是什么? 最佳答案 这确实是一个令人困惑的问题。
我有一个 profile我的应用程序中的模型。我想允许用户通过 /profile 查看他们自己的个人资料,所以我创建了这条路线: resource :profile, :only => :show 我
我是一名优秀的程序员,十分优秀!