[Vuejs]-How to show dev boxes on condition of url id and hide others vue router

by

0👍

I think you left out your sidebar code, but if I understood you correctly you want to change the data in the form when you click on a question in the sidebar.

You can do this with the @click event on the sidebar buttons, add a function which changes the data in the qs object when a button is clicked:

<b-sidebar>
  ...
  <b-buttom v-for="question in questions" :key="question.id" @click="updateQuestionObject(question)"> {{ question.text }}</b-button>
  ...
</b-sidebar>

...

<script>
...
  methods: {
    updateQuestionObject(question) {
      qs = question
    }
  }
</script>

This would also make your UI code dynamic so you dont have to hardcode the number of questions.

The "key" attribute doesnt need to be the question id (I dont know what your question objects look like so I just used that) it just has to be a unique identifier.

Leave a comment