Vue——Ant Design Pro的初使用（9）

今天主要说一下遇到的几个问题，说起来还是理解不够深刻。

就比如在对数据上传输入时没有信息成功的上传到后端，一方面是因为诞辰的对接口，没有对数据怎么处理，所以后台是接收不到的，但是这并不是主要原因，主要还是代码

我刚开始只是对到输入框内的数据进行了一个命名，以及一个双向绑定，并没有在后面的发起请求的时候再次对函数进行赋值，所以就造成我认为我在打印时能够单独的将某一个单个命名的数据打印出来但是不能打印出来我去发送请求的对象的里面所有的属性为空的问题。根据我的代码其实有两种的改进方式，其中一个是在我命名过的这些属性名前再加上一个类似于父属性的东西，这样可以使我后面的代码能够辨认出来属性所属的位置。

另一个办法就是对这些属性进行再次的赋值，愿意还是跟上一个一样，虽然我声明了一个对象，但是对象还是没有东西，我的return里面虽然有了这些属性，但是这些属性都是return的，跟整个页面没有任何关系，这应该就是块元素（猜的）一类的问题，再次赋值以后，我的return里面有了属性了，而且是和我输入的这些一样的属性，这个时候，我发送的请求所包含的后台所需要的数据就全有了，这个时候，我的请求头里面就有了这些属性了，剩下的就是去解决我所发送的与后台所接受的这些数据之间的格式问题了。

这里还有一个问题，那就是前面我所说的我return出来的那个对象的问题，由于是在这个页面里面return的，所以对与整个页面来说有点太多余了，这个时候就要优化一点。

这个问题的话依然有两种方法解决。（虽然我还没有尝试）

其中一个就是最简单的，把它声明在页面以外，那就没有问题了。

还有一种就是把它整体全部都做成一个组件的形式，在重新创作一个js页面，在需要的时候直接import过来。其实我想到对于这几个功能全部都做成组件，由于这几个对于后端来说对视比较常用的东西，我感觉还是做成组件比较好，就是对与现在的我来说还是有点问题，毕竟我会的实在是太少了。

其实对于整个这个输入框的问题其实我还有一种解决方案的，那就是我再换一种from的方法，这个方法其实应该是一个比较好的方案，但是如果我连这一个都没有解决，我再去换一种方式，后续遇到其他的问题，那么解决方式跟现在就会有一些差别。