Javascript 如何在Vuejs中设置刷新时的旧输入值
我正在使用laravel和Vuejs 如何在刷新时设置输入旧值或在vue dynamic component中将其设置回页面 大概是这样的:Javascript 如何在Vuejs中设置刷新时的旧输入值,javascript,jquery,laravel,vue.js,vue-component,Javascript,Jquery,Laravel,Vue.js,Vue Component,我正在使用laravel和Vuejs 如何在刷新时设置输入旧值或在vue dynamic component中将其设置回页面 大概是这样的: value="{{ old('name') }} 在刀片文件中,创建新的脚本标记: <script> var oldFormData = { name: "{{ old('name') }}", //... } </script> 您还可以通过Vue组件props传递旧数据 假设您的组件是my form,那么它在您的刀片
value="{{ old('name') }}
在刀片文件中,创建新的脚本标记:
<script>
var oldFormData = {
name: "{{ old('name') }}",
//...
}
</script>
您还可以通过Vue组件props
传递旧数据
假设您的组件是my form
,那么它在您的刀片文件中应该是这样的:
<my-form :oldData="{name: '{{ old('name') }}'}"></my-form>
您的意思是,您想在页面刷新时重置输入的值吗。一个例子或者一种复制的方法会很有帮助。假设我有一个vue组件,它有一些输入,用户将单击(下一步),另一个组件将出现,当用户在浏览器中单击“上一步”时,输入是清晰的,我希望它有它们的旧值示例:输入元素状态从初始值->临时值->新值更改,然后进行刷新。现在,输入元素是否应设置为初始值?当然。但我的身体不在我的刀刃上。我的刀片中只有组件标签,我的表单在我的vue组件中。只要组件能够看到
oldFormData
对象,这并不重要。当我绑定道具时,它不会显示在组件中。为什么?你试过我最新版本的答案了吗?是的。我的道具将正常传递到组件。但不是在我绑它们的时候
<my-form :oldData="{name: '{{ old('name') }}'}"></my-form>
props: ['oldData'],
created() {
this.name = this.oldData.name
}