javascript - Vue: how to delete item from api

Question

in vue js i have categories below came from api, and i created an admin that can delete those categories from api using remove button, my problem is the splice i used here is not removing it from json file, is there a way to do it? and thanks in advance [![enter image description here][1]][1]

<template>
<b-button
              
 size="sm"
  variant="outline-secondary"
  v-for="(category, index) in posts.categories"
:key="index"
   @click="RemoveAllSelected(category)">X Remove all</b-button>
</template>

<script>

export default {
  name: "postComponent",
  components: {},

  data() {
    return {
      categories: [],
      selectedIndex: [],
      AddedCategory: [],
      error: [],
      

      posts: {
    description: null,
        questionTitle: null,
        question_file_path: null,
        categories: null,
        reviewed: false,
  
      },
    };
  },
  methods: {
 
     RemoveAllSelected(categories) {
         this.selectedIndex.splice(categories._id);},
    
    </script>

Answer 1

   @click="RemoveAllSelected(index)"

@click method just pass index and slice item based on index on your RemoveAllSelected method this.posts.categories.slice(index, -1)