一个简单的bug记录，在data定义中把表单验证中的props数据定义加上即可。

在使用elementUI过程中，当dialog对话元素过多长处浏览器高度是，点击标题就会跳成如下图这样，上方会被遮挡且无法拖动上去：解决方法是通过设置css固定top及left禁止拖动，核心css代码：/deep/.el-dialog {top: 15% !important;left: 0 !important;}...

检查后发现是类型不匹配，前端是string类型，后端传来的是number，故前端修改为number类型，可发现还是同样的问题。解决办法： 判断值的时候使用v-bind...

vue监听路由变化

原因是git clone 生成了一个新的文件夹，更改了目录 HbuderX只识别当前根目录下的mainfest，解决方法右键“移除项目”，重新选择 git clone新生成的目录作为根目录。或者删除项目后从HbuderX里面克隆。相关链接：https://ask.dcloud.net.cn/question/88354`...

若是设置每行显示的个数，则设置子元素的宽度即可，如每行显示三个：则父元素display：flex；flex-wrap: wrap;align-content: flex-start；子元素：flex：1；width：33.3%； ，这样每个元素占1/3，也就是每行展示三个。但元素之间需要有间隔呢，也就是需要设置margin值，那我们就需请出css中calc()函数来计算子元素的宽度。具体计算方式为

1、css没有被调用F12检查css调用是否成功，如果没成功一般是css的名称写错了。如我这里在写样式的时候在.picker-btn后（红色箭头处）加了一个空格，直接导致图片无法渲染成功，删掉后渲染成功。渲染后若图片显示不正常，记得设置图片大小：设置宽高或 设置 background-size: contain;2、div设置错误容易导致背景图片高度太大则无法显示3、背景图片调用路径错误css设置