我无法访问vue 3中的属性

bbuxkriu  于 2022-11-17  发布在  Vue.js
关注(0)|答案(1)|浏览(182)

我从data()输出email属性时遇到错误,

data() {
    return {
      form: {
        email: '',
        password: ''
      }
    }
  },

  methods: {
    sendCreds() {
      console.log('email: ', this.form.email)
      console.log('password: ', this.form.password)
    }
  }

也不发送到后台处理,而传递password属性就可以了,有趣的是我已经在用户注册页面上实现了这样的数据到后台的传递。

data() {
    return {
      form: {
        Username: '',
        email: '',
        password: '',
        confirmPassword: ''
      }
    }
  },

  methods: {
    sendCreds() {
      axios
        .post(REGISTRATION_API_URL, {
          name: this.form.Username,
          email: this.form.email,
          password: this.form.password
        })
        .then((response) => console.log(response))
    }
  }

我尝试以这种方式通过axios将数据发送到后端服务器,并期望数据将从转发端传输到后端,就像注册页面上那样

data() {
    return {
      form: {
        email: '',
        password: ''
      }
    }
  },

  methods: {
    sendCreds() {
      axios
        .post(API_URL, {
          email: this.form.email,
          password: this.form.password
        })
        .then((response) => console.log(response))
    }
  }

很抱歉我的低技能,因为这是我在StackOverflow的第一个项目和问题。

wgx48brx

wgx48brx1#

参见此简化测试。控制台记录预期值this.form.emailthis.form.password
第一个
你看到了什么错误?你能打印出this.form对象并共享吗?在用户交互或其他操作之后,你的this.form.email值有没有可能变成undefined

相关问题