javascript - Vue.js Spread 运算符而不是 Vue.set/Vue.delete-6ren

javascript - Vue.js Spread 运算符而不是 Vue.set/Vue.delete

转载作者：太空宇宙更新时间：2023-11-04 16:02:20

24

4

我想使用扩展运算符来添加/删除对象属性，同时维护 reactivity .

在 Vuex 突变中，以下工作有效:

Vue.set(state.sportTypes.sports, sportName, sportProperties)

但是我想使用扩展运算符并返回新对象。我如何实现以下目标？

state.sportTypes.sports = {...state.sportTypes.sports, {sportName: sportProperties}}

最佳答案

您应该删除 {sportName: sportProperties}

的括号

这会起作用:

state.sportTypes.sports = { ...state.sportTypes.sports, sportName: 'football' }

但我建议您声明所有可能的字段，而不是动态添加新属性，这样您就不需要使用 Vue.set 或展开运算符。

关于javascript - Vue.js Spread 运算符而不是 Vue.set/Vue.delete，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42181103/

24

4

0

文章推荐： c++ - 在数组中存储数字，C++

文章推荐： c++ - 在参数中传递 QCoreApplication

文章推荐： javascript - 在 ReactJS 中清除 setInterval()

c++ - 编译器错误C2541- 'delete' : delete : cannot delete objects that are not pointers
我写了这个课: class StaticList { private: int headFree; int headList; int locNe
c# - SQL DELETE(级联 DELETE 与 TRIGGERS 与 "Manual"-DELETE)
我目前正在使用 SQL Server Management Studio 2005，我遇到了一些问题，但首先是我的 DB 架构的摘录(重要的): imghack link to the image 我
MySQL触发器: Delete From Table AFTER DELETE
范围:两个表。创建新顾客时，他们会将一些有关他们的信息存储到第二个表中(这也是使用触发器完成的，它按预期工作)。这是我的表结构和关系的示例。表 1-> 赞助人 +-----+---------+--
C++ delete [] - 如何检查是否为 "all is deleted"？
我想知道，在整个程序中，我使用了很多指向 cstrings 的 char* 指针，以及其他指针。我想确保在程序完成后删除所有指针，即使 Visual Studio 和 Code Blocks 都为我做
C++ 指针数组 : delete or delete []?
考虑以下代码: class Foo { Monster* monsters[6]; Foo() { for (int i = 0; i < 6; i++)
c++ - 为什么我可以做 "delete p;"，而不是 "delete (p+1);"？为什么 delete 需要左值？
关于 this page , 是这么写的 One reason is that the operand of delete need not be an lvalue. Consider: delet
mysql - 1) 无法在 DELETE SET NULL 或 ON DELETE CASCADE 上创建外键 2) 无法在 DELETE CASCADE 上创建外键
我无法在 DELETE CASCADE ON UPDATE CASCADE 上添加外键约束。我使用两个简单的表格。 TAB1 有 2 列:ID int(10) unsigned NOT NULL A
sql-delete - 如何缩短数据库表的 DELETE 语句？
你好，有没有办法把它放在一个声明中？ DELETE e_worklist where wbs_element = '00000000000000000054TTO'. DELETE e_workli
Mysql性能: Delete vs Delete + Optimize
我有一个表，它是我系统的核心，向我的客户显示的所有结果都存储在那里。它增长得非常快，因此每 3 小时我应该删除早于 X 的记录以提高性能。仅删除这些记录就足够了，还是应该在删除后运行优化表？我正在
c++ - delete[] 与 for 循环中的 delete
这个问题在这里已经有了答案: delete vs delete[] operators in C++ (7 个答案) 关闭 9 年前。做和做有什么区别: int* I = new int[100]
c++ - delete 和 delete[] 的确切行为是什么？
为什么这段代码是错误的？我是否遗漏了有关 delete 和 delete[] 行为的内容？ void remove_stopwords(char** strings, int* length) {
c++ - delete 和 delete[] 是如何实现的？
当我使用 new [] 申请内存时。最后，我使用 delete 来释放内存(不是 delete[])。会不会造成内存泄漏？两种类型: 内置类型，如 int、char、double ... 我不确定。
c++ - delete 和 delete[] 是否等同于基本数据类型
所以在代码审查期间，我的一位同事使用了 double* d = new double[foo]; 然后调用了 delete d。我告诉他们应该将其更改为 delete [] d。他们说编译器不需要基本
MySQL 触发器 : Delete From Table AFTER DELETE
范围:两个表。当一个新顾客被创建时，他们将一些关于他们的信息存储到第二个表中(这也是使用触发器完成的，它按预期工作)。这是我的表结构和关系的示例。表 1-> 赞助人 +-----+---------
c++ - 我将如何使用大小运算符 delete/delete[] 以及为什么它们更好？
C++14 介绍 "sized" versions of operator delete ，即 void operator delete( void* ptr, std::size_t sz ); 和
Oracle删除语句: how many rows have been deleted by cascade delete
我正在执行类似的语句 DELETE FROM USER WHERE USER_ID=1; 在 SQLDeveloper 中。由于用户在许多表中被引用(例如用户有订单、设置等)，我们激活了 ON DE
sql - 在使用 DELETE TRIGGER DELETE 之前将已删除的值插入表中
出于某种原因，我找不到我需要的确切答案。我在这里搜索了最后 20 分钟。我知道这很简单。很简单。但由于某种原因我无法触发触发器.. 我有一个包含两列的表格 dbo.HashTags |__Id_|_
c - 无效的 free()/delete/delete[]/realloc()
这是我的代码: #include #include #include int main() { setvbuf(stdout, NULL, _IONBF, 0); setvbuf
postgresql - Postgres : delete all tables or cascade a delete?
是否可以在 postgres 中使用单个命令删除所有表中的所有行(不破坏数据库)，或者在 postgres 中级联删除？如果没有，那么我该如何重置我的测试数据库？最佳答案 is it possib
c# - DirectoryInfo.Delete 与 Directory.Delete
我想删除一些临时文件的内容，所以我正在开发一个小程序来帮我删除它们。我有这两个代码示例，但我对以下内容感到困惑: 哪个代码示例更好？第一个示例 code1 删除文件 1 和 2，但第二个示例 cod

首页

博学

6Ren·AI

商城

javascript - Vue.js Spread 运算符而不是 Vue.set/Vue.delete