Vue.js - 我如何从后面开始拼接数据？

Question

我想从后面开始拼接数据。 （开始拼接更高的索引）

当.delete（div）单击时，.image-box（div）必须从后面开始删除。

我该怎么办？

<div class = "image-cover">
    <div class = "image-box"  v-for = "(image, index) in images" :key = "image.id" >
        <div class = "index">{{ index }}</div>
        <img :src = "image.url" class = "previewImage"/>
    </div>
</div>
<div class = "delete" @click="deleteImage" v-on:click  = "delete image in here!">-</div>

Answer 1

如果我正确理解你，你只想先删除最后一个元素（最高索引）？

如果是这样，只需使用images.length获取最后一个索引：

images.splice(images.length - 1, 1); // splice off the last image

如果您需要拼接多个，只需从(1 + numberToRemove)中减去images.length：

images.splice(images.length - 4, 3); // splice off the last 3

或：

const numToRemove = 3;
images.splice(images.length - 1 - numToRemove, numToRemove);