对数组执行.sort()时，Vue - DOM未更新
对数组执行.sort()时，Vue - DOM未更新是因为Vue的响应式系统无法检测到数组的变化。Vue的响应式系统可以追踪对象属性的变化，并在变化时更新DOM，但对于数组的变化，Vue无法直接检测到。
解决这个问题的方法是使用Vue提供的变异方法来修改数组，例如使用Vue.set或Vue.splice来添加、删除或替换数组元素。这样Vue就能够检测到数组的变化并更新DOM。
另外，Vue还提供了一个特殊的方法Vue.set来修改数组的某个索引位置的元素，这样也能够触发Vue的响应式更新。
总结起来，对于数组执行.sort()时，Vue - DOM未更新的解决方法如下：
- 使用Vue提供的变异方法来修改数组，例如使用Vue.set或Vue.splice来添加、删除或替换数组元素。
- 如果需要修改数组的某个索引位置的元素，可以使用Vue.set来实现。
- 避免直接使用数组的原生方法来修改数组，例如使用push、pop、splice等方法，因为这些方法无法触发Vue的响应式更新。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。
腾讯云云服务器（CVM）是一种灵活可扩展的云计算服务，提供了高性能、可靠稳定的云服务器实例，适用于各种应用场景。
腾讯云云数据库MySQL是一种高性能、可扩展的关系型数据库服务，提供了稳定可靠的数据库实例，适用于各种规模的应用。
更多关于腾讯云云服务器（CVM）的信息，请访问：https://cloud.tencent.com/product/cvm
更多关于腾讯云云数据库MySQL的信息，请访问：https://cloud.tencent.com/product/cdb
相关·内容
我正在尝试使用Vue对一些JSON数据进行排序。通过Vue控制台调试器进行检查时，数据会发生更改，但实际的DOM不会更新。这是我的Vue代码： return this.filter(function (value, index, self)var news = _this.filteredItems;
if (_this.sortDirection === 'ne
浏览 45提问于2020-02-06得票数 0
我有一个对数组进行排序的复选框。我希望它在被选中时对数组进行排序，并在未选中时恢复到以前的排列。但是，我只知道如何在选中复选框时执行排序方法，而不知道如何在未选中时执行排序方法。以下是复选框的代码这就是方法： this.p
浏览 57提问于2021-05-14得票数 0
回答已采纳
2回答
我想知道如何在vue中使用过滤器。我知道计算机，当我使用它的时候，但我的问题是<li v-for="fruit in fruits.sort() ">{{fruit }}</li>但是控制台通知我有错误
[Vue warn]: You may have an infinite update loop in a component render(found i
浏览 2提问于2017-04-24得票数 7
回答已采纳
1回答
我有一个表，它有一组未排序的值，并希望按照textContent的降序顺序按字母顺序对这些值进行排序。虽然元素‘defaultValue’在我执行控制台日志时显示为已排序，但replaceWith没有更新dom。如何用已排序的元素替换未排序的元素？var defaultValues = $(tableCell).find('span div.custom-label').clone();
defaultValues.sort<
浏览 0提问于2019-02-16得票数 2
回答已采纳
我正在使用Sortable.js和Vue.js。其目标是对项目进行排序，并保持数据更新。 el: '#app', data: function() {
浏览 3提问于2016-10-05得票数 1
回答已采纳
3回答
我想在Vue创建内部元素后访问它：但是，以下代码不起作用： /* add a new item (that in turn will create a new DOM node) */
/* Now the element should exist, but it doesn't我什么时候可以确定 Vue 已经创建/
浏览 72提问于2015-04-06得票数 10
回答已采纳
我有一个有两个按钮的动态表单的Vue应用程序，我需要在请求中发送被单击的按钮。为此，我更新了一个隐藏输入字段的值，然后使用jQuery提交表单。但是，由于某些原因，当我第一次单击将隐藏输入设置为true的按钮时，它最初会发送false，但随后的单击将发送适当的值。
下面是我在没有实际jQuery请求的情况下所做的事情的一小段。我可以看到值被正确地更新，所以我不确定这是竞争条件还是我遗漏了一些明显的东西。button type="button" @click="submitEdit = fals
浏览 6提问于2018-09-07得票数 2
回答已采纳
1回答
我正在用Vue.js做一个杯子游戏，里面有N个杯子，其中一个里面有骰子。当然，这意味着我必须移动DOM元素。
但我似乎有点卡住了，不知道如何在Vue.js中实现这一点。我尝试将ref (与上面一样)附加到所有的杯子上，然后获取所有杯子的DOM元素引用，但现在我有点想知道如何处理这些引用。我还尝试从v-for中的数据数组加载cups，然后混洗cups数据属性，但从视觉上看，它似乎没有任何作用。我还通过一个计算属性尝试了一下。使用Vue.js的第一条规则是不直接操作DOM，
浏览 0提问于2018-03-23得票数 0
3回答
我正在尝试对父组件中的一个数组进行更改(插入和更新数据)，该数组通过Props传递给子组件，但DOM没有更新。每个用户基本上都有以下结构： { name: 'x', login: 'x',} 问题是，当尝试在usersPagesi.data数组中插入或更新记录时，DOM不会更改。如果
浏览 316提问于2021-11-16得票数 2
回答已采纳
2回答
我有一个vue.js子组件，它有一个名为messages的数据数组。如何在数组中插入新元素时更新DOM。then((message) => { }) }}使用vuedevtools，我可以看到消息数组被更新了，但是我不能根据它更新DO
浏览 4提问于2017-09-29得票数 1
3回答
我正在开发一个带有Vue.js及其官方路由器的单页应用程序。</template>
export default { methods:route: { },
浏览 3提问于2016-07-14得票数 3
我看到了一些我不明白的Vue转换的行为。showMe的初始状态为真
el: '#demo',
showMe: true,<div id="demo">
浏览 0提问于2020-09-30得票数 1
2回答
我通过AJAX读取一个项目列表，并将其推送到一个数据数组中： loadSparepartFiles: function() { vm.activeSparepart.attachmentsvm.activeSparepart.attachments.push({ }); });
}, 在Chrome的VuedevTools中，我可以看到更新后的数据数组</e
浏览 56提问于2016-09-30得票数 7
回答已采纳
3回答
我需要的是用户在数据更新时自由地操作(即顺序、排序和选择)行。通常，当有数据更新时，所有选择都会被删除，订单也会丢失。我用我的数据创建了一个本地存储，并将其作为对表的引用，并按如下方式更新： if (this.state.strategies.length
浏览 1提问于2018-06-13得票数 4
回答已采纳
2回答
updateQuestionListByIndex', { value: originQuestion[0],我只想更改数组人们期望只更新一个组件更新，但是更新所有子组件(在其更新的hocks中使用console.log(‘use’))。
怎么做？
浏览 3提问于2021-03-04得票数 1
回答已采纳
1回答
当数据变化时
编辑2:除了$props和$data之外，对任何插槽的更改也会导致重呈现。编辑3:显然，如果组件有一个对象的支柱，而该对象的其他部分被修改，它可能会触发组件的更新.还在试图找到一些关于这个的确认
浏览 5提问于2020-06-24得票数 2
在Vue中有'updated‘生命周期方法，它适合在数据进入之后对我的标记进行处理。在我的例子中，由于新的文本被输入，所以在SVG文本的尺寸发生变化后，我手动地推动SVG文本对齐。嗯，我似乎想使用'watch‘块，因为它允许我只在特定属性更改后才运行对齐函数，但我真正需要的是使用'updated’事件，因为它与DOM有关，而不是数据--但是，如何能够在一个被编辑并导致'updated我不希望导致多个调整函数触发对象，这些对象甚至没有被用户数据输入更新。
浏览 2提问于2018-03-21得票数 6
回答已采纳
在向数组中添加新元素后， Html列表没有按降序正确显示元素，但在onMount上运行良好
import { computed, onMounted, reactive, ref, watch } from 'vue'
import { useCarStoreconst cars = comp
浏览 11提问于2022-10-12得票数 0
我正在做一个使用Laravel的项目，目前在我的主页上使用Vue JS构建了一个功能，我想在列表中的随机位置放置一个“广告”。现在，我已经设置了一个名为"panel“的vue组件，然后使用以下模板填充该组件， <div v-for="item in items</div> </div>
</template>
浏览 0提问于2016-09-11得票数 1
1回答
我在可视化排序算法上有困难
、、、、
我试图用react可视化排序算法，我的算法工作得很好，但是我想把它链接到DOM上的div，因为排序算法对给定数组进行排序时会改变它们的高度，我只是在最后阶段才使它工作，例如，DOM上的div从一个未排序的数组中获取它们的高度，当我单击排序按钮时，而不是按算法排序时动态地改变它们的高度，他们只是等待算法完成排序，然后在一个例子中，div从未排序的高度到排序的高度(我尝试过做setTimeout，但它从来没有按我的意愿工作，)它只执行一次超时，而不是在每次
浏览 13提问于2022-06-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
