Estoy tratando de validar la casilla de verificación y navegar al siguiente enlace para ex google.com. Encontré la solución para la validación de la casilla de verificación en el siguiente enlace Vue JS: error de validación de la casilla de verificación al enviar desde @wolfrevo

 new Vue({ el: "#app", data: { termsState: false, validated: false, nextPageUrl:'www.google.com' }, computed: { termsError() { return this.validated && !this.termsState } }, methods: { handleTermsState() { this.validated = false }, handleSubmit() { this.validated = true } } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id='app'> <label for="terms"> Terms and Privacy Policy <input type="checkbox" id="terms" name="terms" v-model="termsState" @change="handleTermsState"> {{ termsState }} </label> <p style="color: red" class="for-error terms-error" v-if="termsError">You have to agree the terms and privacy condition.</p> <router-link :to="nextPageUrl"> <div><button type="submit" @click="handleSubmit">Submit</button></div> </router-link> </div>

Intenté agregar el enlace del enrutador, está redirigiendo incluso sin validar la casilla de verificación. que es eso que me falta?