在Vuejs中的object inside方法中使用“this”关键字
在Vuejs中的object inside方法中使用“this”关键字
提问于 2017-10-24 09:41:38
在Vue组件中，我有如下所示的方法
methods: {
submitMethod() {
let objA = {
id: this.id,
this.anObject
}
}
}它给出，语法错误:这是一个保留字。
如何在Vue.js方法的对象中使用在数据()或计算之类的地方定义的对象？
解决办法之一是，可以将this.anObject分配给局部变量，并在objA中使用该变量，如下所示
submitMethod() {
let anObject = this.anObject
let objA = {
id: this.id,
anObject
}
}但是，是否有一种直接在this.anObject中使用objA的方法？
回答 3
Stack Overflow用户
回答已采纳
发布于 2017-10-24 09:44:39
如果可以使用object restSpread运算符，则可以使用它：
methods: {
submitMethod() {
let objA = {
id: this.id,
...this.anObject
}
}
}否则，您可以使用Object.assign：
methods: {
submitMethod() {
let objA = Object.assign(this.anObject, {
id: this.id,
})
}
}Stack Overflow用户
发布于 2017-10-24 09:44:01
那是因为您的JSON无效。应该就像
let objA = {
id: this.id,
anObject: this.anObject
}Stack Overflow用户
发布于 2018-11-27 00:08:42
我们可以通过复制这个关键字作为局部变量来使用这个关键字。
methods: {
submitMethod() {
let _this = this;
let objA = Object.assign(this.anObject, {
id: _this.id,
})
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46916829
复制相关文章
点击加载更多
相似问题
为什么‘`this`’inside ()在VueJS中没有定义？
[object HTMLTableElement]在VueJS中呈现
组件定义中的“VueJS”方法"watch“有"object”类型
VueJS update $data inside指令
如何使用vuejs重新加载object中的值？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
