Problemas con Router View

Tengo un dropdown que manda a un componente que recibe como parametro un ID, este ID jala diferente información de un API, el problema es que si estoy en la pagina con ese id (Ej: /cartelera/001) y luego le doy click a otro para que de otro ID (Ej: cartelera/002) no cambia, si estoy en otro componente si cambia, pero en la misma no a menos que de refresh

                                    <div class="column large-3 dropdown text-center">
                                      <div class="dropdown menu" data-dropdown-menu>
                                        <!-- v-on:change="goToCinema(complejo.ID)" -->
                                        <!-- v-model="selectedCinema" -->
                                        <select v-model="selected">
                                          <option disabled > Selecciona tu cine </option>
                                            <option v-for="complejo in complejos" :value="complejo.ID">
                                              {{ complejo.Name }}
                                            </option>
                                        </select>
                                      </div>
                                    </div>
                                    <div class="column large-3 text-center botonVerCartelera">
                                      <router-link :to="{ name: 'cartelera', params: { id:selected } }">
                                        <button class="button warning" > VER CARTELERA</button>
                                      </router-link>
                                    </div>