搞后端开发的我掉进了前端VUE的大坑,浪费了我4小时时间,才搞明白

 

首先逻辑是:

从后台获取到数据然后赋值到 From 表单 input 框架,然后提交表单信息,但是 通过 v-bind 和 v-model 绑定数据后,提交表单时 后台接受的到数据时空值!

 

错误代码如下:

from表单:

在 VUE-CLI 表单中给 INPUT 赋值提交后获取到的为空值的问题 Vue坑

Vue - data 数据 

在 VUE-CLI 表单中给 INPUT 赋值提交后获取到的为空值的问题 Vue坑 

Vue - methods:部分代码

在 VUE-CLI 表单中给 INPUT 赋值提交后获取到的为空值的问题 Vue坑

在 VUE-CLI 表单中给 INPUT 赋值提交后获取到的为空值的问题 Vue坑


正确代码:

通过 ref数据进行赋值,提交From表单数据就是成功的,后台可以正常的接受数据

在 VUE-CLI 表单中给 INPUT 赋值提交后获取到的为空值的问题 Vue坑在 VUE-CLI 表单中给 INPUT 赋值提交后获取到的为空值的问题 Vue坑

 

 


关于ref的 官方解释

在 VUE-CLI 表单中给 INPUT 赋值提交后获取到的为空值的问题 Vue坑

但是为什么 只能ref才能 有数据,不是很明白,有知道的 兄弟可以留言,赐教一下,请多多赐教

相关文章:

  • 2021-11-20
  • 2021-08-01
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-12-05
  • 2021-11-14
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-22
相关资源
相似解决方案