watcher not working to change to lowercase-CodePudding

I am trying to change the users input to lowercase. I know this looks wrong but when I try and type this.email or this.name for the watch it obviously does not work. the v-model is this.email/name accordingly.

What do I need to correct on this

data() {
            return {
                form: this.$inertia.form({
                    name: '',
                    email: '',
                    password: '',
                    password_confirmation: '',
                    birthdate: '',
                    user_latitude: '',
                    user_longitude: '',
                    user_city: '',
                    user_region: '',
                    user_country: '',
                    terms: false,
                }),
                address: "",
                user_address: [],
            }
        },
        watch: {
            email(newVal) {
                this.form.email = this.form.email.toLowerCase()
            },
            name(newVal) {
                this.form.name = this.form.name.toLowerCase()
            }
        },

CodePudding user response：

You could try to watch the property path :

   watch: {
     'form.email'(newVal) {
        this.form.email = this.form.email.toLowerCase()
     },

or a filter .