Как Удалить один элемент из массива в Vuex?

Question

[chincharovpc]

Есть массив

state.test.questions

в Vuex.
Мне нужно удалить из этого массива любой 1 элемент.
Я пишу...

removeQuestion(state,index) {
        let questions = state.test.questions
        questions.splice(index, 1)
        state.test = {
            ...state.test,
            questions:questions,
        };
    }

Как я понял
let questions = state.test.questions
присваивает questions ссылку на хранилище. И в хранилище остается элемент который я хочу удалить.
Как сделать это по-другому?

Comments

[chincharovpc]

Alex, в state есть test, в нем questions, в questions массив

[alex]

зачем тут вакханалия эта со спред оператором? тут достаточно .splice вызвать и все

[chincharovpc]

Alex,
Вот так?

let questions = state.test.questions
        questions.splice(index, 1)

Тогда тоже проблема не решается

[alex]

pakhrudin, какая проблема?

[chincharovpc]

Alex, в массиве находятся элементы 1,2,3.
Нажимаю удалить 2->Удаляет из хранилища 2(правильно работает)->но на странице удаляется 3 элемент.

[alex]

pakhrudin, быть такого не может, вы значит их как-то не правильно в цикле рендерите. показывайте весь код

[chincharovpc]

Вот кнопка удаления

<div class="input-group">
            <input type="text" v-model="question.question" class="form-control">
            <div class="input-group-addon"><a href="#" @click.prevent="removeQuestion">X</a></div>
          </div>

Вот action

removeQuestion ({ commit }, index) {
    commit('removeQuestion',index)
  }

вот mutation

removeQuestion(state,index) {
        state.test.questions.splice(index, 1);
    }

index правильно передается
Из state все правильно удаляется. Но на странице удаляется последний элемент.

нажимаю на 1 или 2-> удаляется всегда 3, нажимаю на 3 удаляется 3.(это на странице так отображается)

[alex]

pakhrudin, обработчик removeQuestion для клика покажите

[chincharovpc]

Alex,
Передается index на Родительский элемент

removeQuestion() {
      this.$emit('removeQuestion', this.index)
    }

а там вызывается removeQuestion

<div class="row" v-for="(question, index) in questions" :key="index">
              <question v-model="questions[index]" :index="index" :questions="questions[index]"  @removeQuestion="removeQuestion"/>
            </div>

а там вызывается action

...mapActions('tests/newtest', [
          'removeQuestion'
      ]),

[alex]

pakhrudin, вы можете на codesandbox.io залить? можно без стилей. я просто не очень понимаю че вы тут навертели) index пропсом зачем передавать вообще? его напрямую можно в обработчике вызвать