zoukankan      html  css  js  c++  java
  • 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语法,都忘光了,这个要记得去学!后面想起来再补充吧~

  • 相关阅读:
    Include Native *.so Library in APK With Android Studio
    listview
    随笔2
    const
    关于nginx配置gzip的相关说明
    关于gzip开启后压缩对比及相关性能
    webpack 打包性能优化
    关于pc端挂载移动端页面的问题
    vue-router 中的路径异步获取时导致的to报错问题
    关于cors及文件上传和下载在非开发环境导致的异常问题
  • 原文地址:https://www.cnblogs.com/nangras/p/9353407.html
Copyright © 2011-2022 走看看