VUE + vue-cli + webpack 创建新项目（2）

 

上一篇其实没写完。

好吧这一篇其实也没啥。

就补充一些上一篇没写完的。（随时害怕笔记本丢失的人）

上一篇写完了登录验证的跳转，这一片首先补充一下接口（？）。

在使用axios的过程中，我们家后台表示你发给我的post请求，我收到的是文本，所以需要你那边new一个formdata。omg，好的，我new。

必然，如果post发送的data内容比较多，那就很苦恼了，所以后来我把data改成了params，太惨了。

这个解决方法胜在方便……我也问过大佬这样会不会不安全，大佬说了，get和post其实都是安全的，只是标准问题，至于有没有别的方法，谁叫你菜。

其实我是很寂寞的……

这个登录功能后端小同事想要键盘事件，就他按个回车就能登录那种，所以我们——

ok完事！

还有一个要补充的是路径跳转（这个真的很睿智了）：

当然开发过程中，使用的是iview插件，用到其中的table的时候，有一个问题。因为后台管理要求宽度高度写死100%，内容设置成下拉，此时就需要table的适应，解决方法是根据屏幕可用高度动态设置table高度（iview规定了超过高度时的滚动是border属性，这个也要记得写）：

其中height属性绑定data里的mytableheight，需要初始化一个值：

这是根据公司电脑最小的屏幕尺寸写的比较合适的高度……

 

具体是在mounted钩子里规定，也就是当页面加载啊组件创建完毕，此时去获取屏幕可用高度，减去ref规定为selection的表格距离顶部的高度，再减去个距离底部的高度，就可以动态的设置表格高度了！也不会影响表格的可滚动性！

还有一点需要补充的是，我们的接口域名可能需要去动态获取，比如这次我们后台要求我们获取根路径去填充接口域名，此时应该怎么办呢？

还记得上篇说到过config文件夹下的dev.env.js文件，这个我们配置的是我们开发过程中的域名，那么还有一个prod.env.js，就是用来配置线上的接口域名，那么我们就可以通过设置它来获取根路径了：

这样在打包部署之后，会发现每次请求都会自动获取根路径填充接口域名，question over！

补充一个……因为这个项目使用了iview这个插件，因此涉及到数据修改的时候，少不了遇到select的使用，此时必然需要将待修改项的数据填入模态框，而这里遇到的一点要注意的就是！select！它很过分！要给iview里的select默认选择一个option的值，需要注意以下这点：

就因为这个，我们后台返回的数据是number格式，但我的value是string，害的我查了好多遍！森气！最后toString()一下就好啦~

嘿嘿嘿！

另外一个问题是树形控件的使用~经理要求点击树节点的文字时候也可以展开和收缩子节点列表，于是……

结合百度来的大神的方法，加一个来自常用iview的小同学的判断（主要是用来解决tree控件的选中与取消选中，因为同一个树节点点击第二次的时候传的是空数组，expand会报错），好了，解决……（感谢大神，感谢同学，哭出声）

 想想还有啥没记下来的问题……

对了，开发过程中用到es6语法，都忘光了，这个要记得去学！后面想起来再补充吧~