在vue.js在不更改父数据的情况下编辑props 的正确方法是什么?
在vue里有什么办法吗.js在子对象中创建传递属性的本地副本?
我在谷歌上搜索了这个,但到处都有这样的报道,我们可以通过这样做来实现这一点.
props:["user"],
data(){
return {
localUser: Object.assign({}, this.user)
}
}
在这里,用户被传递了一个对象,我正在本地用户中创建它的副本,但它根本不起作用,本地用户是未定义的.
您是否遇到过这样的情况:必须在不影响父组件状态的情况下更改子组件中的父属性,即在子组件中创建自己的副本,然后对其进行编辑?
任何关于这方面的见解都会有所帮助.
我也在某个地方读到过vue@2.3.3,当我们想要将props 从父组件传递到子组件时,我们需要手动创建一个本地数据来保存props ,这会产生很多无用的工作.
我们可以像这样创建本地数据:
props: ['initialCounter'],
data: function () {
return { counter: this.initialCounter }
}
但这在我的情况下也不起作用.
这是我的代码.
在我的应用程序中,我有一个列表视图.
当用户点击See Focused View按钮时,用户被重定向到下面提到的视图,即实际上是一个 bootstrap 模式视图.
在这里,用户可以编辑Name的值,但由于我将Name作为属性从一个ent组件传递到这里,所以在这里编辑它会导致它在父组件上更新,也就是在列表视图中.