小编krz*_*z79的帖子

vue.js:颠倒v-for循环的顺序

我正在寻找类似于下面的代码的内容,以在用户添加它们的框下方显示数组中的主题列表。(最新的顶部)我知道我可以取消移动而不是推动更改主题存储在数组中的顺序,但是有没有办法保持原始数组顺序并反转显示的主题而不触发“[Vue警告]:你在组件渲染函数中可能有一个无限更新循环。”?

<div class="field add-topic">
    <label for="add-topic">Add a Topic (press Tab):</label>
    <input type="text" name="add-topic" @keydown.tab.prevent="addTopic" v-model="newTopic">
</div>
<div v-for="(tpc, index) in topics.reverse()" :key="index">
    <label for="topic">Topics:</label>
    <input type="text" name="topic" v-model="topics[index]">
</div>
Run Code Online (Sandbox Code Playgroud)

reverse vue.js v-for

2
推荐指数
1
解决办法
606
查看次数

标签 统计

reverse ×1

v-for ×1

vue.js ×1