推送到数组不会触发vue的反应性
推送到数组不会触发Vue的响应性是因为Vue在检测数据变化时，只能检测到通过Vue提供的特定方法进行的数据变化，而直接对数组进行操作（例如使用push、pop、splice等方法）不会被Vue检测到。
为了解决这个问题，Vue提供了一些特殊的数组方法来实现响应式更新。这些方法包括：push、pop、shift、unshift、splice、sort和reverse。当使用这些方法对数组进行操作时，Vue会捕获到这些操作，并触发视图的更新。
如果需要对数组进行其他操作，例如直接修改数组的某个元素，Vue无法自动检测到这种变化。为了使Vue能够检测到这种变化，可以使用Vue提供的$set方法或者使用数组的索引进行赋值操作。
以下是一些相关的链接和推荐的腾讯云产品：
- Vue官方文档：https://cn.vuejs.org/
- Vue数组更新：https://cn.vuejs.org/v2/guide/list.html#%E6%95%B0%E7%BB%84%E6%9B%B4%E6%96%B0
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
1回答
1, "list": false, }]; Vue.component('campaign_segment', { props: ['t_nb',
浏览 2提问于2017-01-03得票数 1
1回答
我已经知道，在数组中编辑对象不适用于vue.js，因为它的功能有限，根据我使用vue.set读到的内容，应该可以很容易地解决这个问题，但我很难让它工作。 "supply_max": 1000, ] ]
这是我的vueb-button(siz
浏览 7提问于2019-07-11得票数 5
回答已采纳
1回答
let vm = new Vue({ data:{ {{name:"John"}；vm.users.splice(0,1，{name:"John"})这是工作，为什么剪接后改变数组与索引工作
浏览 7提问于2017-05-28得票数 0
1回答
我正在与vuex合作一个Laravel vue.js项目，但在提交对商店的响应时遇到了问题。我可以成功地从后端获取数组数据，但是当我提交响应时，只将数组的最后一个值映射到state，导致迭代时结果不正确。但是，当我在本地管理组件中的状态时，它可以正常工作。以下是我的控制台窗口中的响应示例： [{…}]
0: {id: 4, auth_id: 3, user_id: 3, power_id: 3, created_at: "2019-01-19
浏览 16提问于2019-01-19得票数 0
1回答
在用户单击按钮后，我试图更改图像的id。最初，元素的id应该是B0_h，但是在用户单击按钮后，数组中的值应该更改为true。最初，所有的数组值都是false，但是一旦数组中的元素的值变为真，id应该更改为B0_v。
使用Vue dev工具，我注意到数组中的值正在按预期变化，但是v-bind无法检测到这种变化。从v-bind的角度来看，B[0]的值仍然是false。
浏览 5提问于2019-10-28得票数 3
回答已采纳
1回答
我很难理解如何使用Vue/Vuex动态地在处于我状态的对象中创建和填充一个键:值对，下面是一个例子：dataObject: {} (在状态中)和一个创建新键的变异:值对：Vue.set(dataObject.total_operation_time, payload[1]);
Vue.set(dataObject.machine_name他们也必须是被动的。
浏览 2提问于2019-10-01得票数 2
回答已采纳
我正在尝试使用计算数据创建一个带有add函数的树。我在vuejs官方主页中使用了树视图示例，并将其与我创建的计算函数相结合，但在实现它时没有发现任何进展。当您单击列表末尾的"+“时，它将触发对addChild函数的调用，并且它将成功地追加数据。数据被追加，但递归组件不是反应性的。
{ "name": "iron-woman",
浏览 4提问于2017-12-24得票数 0
回答已采纳
我有一个mutator，它尝试进行以下更新：forms是一个1对象，keymetrics是数组但我不知道如何应用它，或者即使这是正确的答案在这里。this.$forceUpdate正在工作，这有点奇怪，因为加载数据的组件使用computed属性。表
浏览 10提问于2020-01-10得票数 6
回答已采纳
3回答
对于Vuejs来说，有一个更新数组的问题。我需要添加到上面的数据集，而不影响其中的其余数据。this.$set(status_arr, itemIndex, [ { 'name': 'Section 1', 'count': 0 } ]);谢谢你<e
浏览 5提问于2017-09-26得票数 0
回答已采纳
1回答
虽然我想分享的只是一个简化版本的相关代码，但我不能。我有一个有点过火的应用程序制作的Vue。下面是App.vue中的模板 <div id="app"> <TaskFilters /><&#x
浏览 1提问于2019-08-12得票数 3
回答已采纳
我对JS和vue有点陌生，不太确定我是否正确地理解了这些文档。上面写着：
由于现代JavaScript的局限性(以及放弃Object.observe)，Vue无法检测属性的添加或删除。由于Vue在实例初始化期间执行getter/setter转换过程，因此必须在数据对象中显示一个属性，以便Vue对其进行转换并使其具有反应性。这也包括普通数组，还是数组中的元素在javascript中不算作“
浏览 2提问于2019-07-05得票数 13
回答已采纳
我有一个非冻结数据的冻结列表，其意图是容器不是反应性的，但元素是反应性的，因此对N个事物中的一个事物的更新不会触发对N个事物的依赖关系检查。
我有一个计算属性，它返回此列表的排序版本。但Vue会看到冻结列表中包含的反应对象，对元素的任何更改都会触发排序的计算
浏览 0提问于2020-10-15得票数 0
当我尝试将builtIn 数组存储到Vuex时，我将使用类MyArray扩展MyArr，我松散了实例，并获得了bultIn数组
怎么了？
浏览 0提问于2019-12-12得票数 1
回答已采纳
1回答
这是我的购物车结账页面，当我单击+按钮来增加数量，或者单击-按钮来减少数量，它不起作用，但是当我导航到产品页面并再次回到结帐页面时，我看到quantity被更新了。为什么实时DOM没有响应或显示我的更新？有人请告诉我在引擎盖下发生了什么，我将如何解决这个问题。谢谢
这是我的项目链接
浏览 2提问于2021-07-05得票数 0
回答已采纳
当我单击按钮时，我将数组drinks作为道具传递给Drinks.vue和Drinks.vue内部的映射元素，它应该会发出事件，将元素更改为“已售出”。但是，当使用console.log或Vue developer tool进行调试时，它显示drinks数组已更新，但页面本身不会重新呈现或更新...Fruits运行得很好。你知道为什么Drinks.vue不能更新drinks array吗 App.vue <template&g
浏览 22提问于2020-08-24得票数 0
2回答
Vue子组件不会在属性更改时更新
、、、、
我正在更新一个“练习”道具，它会被发送到Vue中的一个“锻炼”组件。在子组件中，我将发出一个函数来递增您所在的集合。该函数在父组件中触发(我正在获取console.logs())，但是子组件没有重新呈现。$emit('selectExercise', exercise.slug) : $emit('completeSet', exercise.slug)"
感谢您的帮助
浏览 1提问于2019-09-19得票数 6
因此，我有一个对象，在渲染span标记之前，我想使用它对子对象执行一些计算，如下所示：getTotal是一种执行以下操作的方法：labour.amount) * parseInt(labour.quantity)); return this.total并且它利用了在我的vue数据对象中声明的total属性。但它会发出响声说我的组件中
浏览 6提问于2018-08-08得票数 0
回答已采纳
下面是示例：
我创建了一个简短的示例。看看这个方法：iAmAMethod。我直接在视图模板部分使用它。在该方法中，我使用了反应式数据属性counter，但似乎当var counter递增时，该模板的部分会重新呈现。但是为什么这是可行的呢？我想方法不是反应性的吗？
浏览 9提问于2020-06-06得票数 0
1回答
假设我有一个父组件，在Vue的数据属性中初始化一个数组变量。然后，我将10000个对象元素推入这个数组中。这意味着这个数组中每个对象的每个属性都有Vue为我们创建的setter/getter。，vue会为childArray的每个对象的每个属性创建新的setter/getter吗？因为当vue看到数组相等并且数组</e
浏览 2提问于2019-11-11得票数 1
回答已采纳
2回答
我正在使用Vuetify复选框(我认为这个复选框与Vue本身无关，这可能是Vue本身造成的)，并试图获得一个带有真、假值数组的复选框双绑定数组。通过控制每个元素的真/假值，我希望控制复选框的检查状态。下面是一个用于处理单个元素的示例代码：<v-checkbox v-model="selected" label="John"> </v-
浏览 0提问于2019-04-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
