我在用ant-design-vue中遇到了哪些困难?

785 阅读1分钟

前言: 本前端小白目前做的项目是用ant-design-Pro for Vue做的后台管理系统,总结一下遇到的问题以及我是如何解决的

  1. 走马灯默认显示最后一个值,加了v-if判断就好了
  2. model里tabs 如果不绑定tabs的v-model 每次打开就是上次的tab,要在每次关闭的时候重置tabs-v-model
  3. echarts坐标轴斜着显示 axisLabel: { interval:0, rotate:40 },
  4. 解决第一次进入子组件不传值的bug: 在父组件mounted阶段赋值
  5. git每次都要输入密码git bash进入你的项目目录,输入:
$ git config --global credential.helper store

你会在你本地生成一个文本,上边记录你的账号和密码。当然这些你可以不用关心。
你使用上述的命令配置好之后,再操作一次gitpull, 然后它会提示你输入账号密码,这一次之后就不需要再次输入密码了。(此方法是查的csdn 原作者是谁已经找不到了)
6.直接操作表单值

this.form.setFieldsValue({
 address: value
})
  1. npm使用
    • npm-check(使用过程中出现问题-问题原因:cmd和powershell是两个东西,要用poweshell才可以.)使用方法:
    $ npm install -g npm-check  安装npm-check
    $ npm-check 使用
    $ npm-check -u 交互式更新依赖
    $ npm-check -y 非交互式全局更新
    
  2. 在使用级联选项的时候报错
Invalid prop: custom validator check failed for prop "options".

avatar
后来发现返回的数据中chilren为null
avatar
不是数组,所以报错,以下是修改

res.result.forEach(item => {
          if (!item.children) {
            item.children = []
          }
        })
  1. 讲个不是vue的问题,git提交区别文件夹大小的情况,昨天第一次遇到,
$ git config core.ignorecase false

一行命令解决,但是如果只更改了文件夹名字,其他都没有动,是不识别更改的.