Estoy construyendo un filtro con vue js3. Quiero enviar los valores seleccionados por el usuario a la URL y estoy viendo los cambios en el reloj

Mi casilla de verificación no funciona, tengo una matriz y quiero recorrer todo el curso y hacer un filtro dinámico y enviar su valor a la URL. Mis opciones de selección funcionan y envían valores a Url, My Url es así: http://localhost:8080/filter?sort=latest cuando elijo lo último de Url

Tengo pocos cursos en matriz. Quiero hacer un bucle y hacer una casilla de verificación dinámica y cuando el usuario la marque, quiero enviar su valor a la URL. Necesito este tipo de URL: http://localhost:8080/filter?sort=latest&course=php&course=js cuando el usuario seleccione las opciones más recientes, php y js

hasta ahora he hecho

 <h3>Choose multiple</h3> <div v-for="(name,index) in courses" :key="index"> <input type="checkbox" v-model="filter.course" >{{name}} </div> </form> </template> <script> export default { data(){ return{ courses:[], filter: { course:'' } } }, watch:{ filter:{ handler(){ this.$router.push({ query:this.filter }) }, deep:true } } } </script>

El único problema aquí es que no puedo insertar valores de casilla de verificación en la URL

Solucionado: esto se solucionó cambiando el curso: '' al curso de matriz: []