花椒和蕊的博客

一开始没有通过参数判断的时候，directives的bind我只写了el一个参数，然后发现传进来的变量不管true或false，都执行了自定义命令，这是因为我没有加第二个参数binging。例如，对于 v-my-directive，name 的值将是 “my-directive”。value (any): 指令的值，即在模板中 v-my-directive 后面括号内的值。oldValue (any): 如果正在更新的元素之前已经绑定了相同名称的指令，oldValue 将是上一个指令的值。

/ 响应拦截器(res) => {// 调用完一个接口就进行-1}, 200);return res.data.list//可能从别处复制的时候是res.data.data，一定跟着后台返回的数据格式走},

【代码】【bug】在子组件中watch监听父组件传过来的值，监听不到，已解决。

2、笔记本可以直接在开始中搜：查看高级系统设置，点了立马跳转到对应位置，系统属性–环境变量—系统变量—选择path–选择编辑–新建，如果node存在c盘，例如：C:\Program Files\nodejs,然后保存。1：我的电脑–右击属性—系统属性–环境变量—系统变量—选择path–选择编辑–新建，如果node存在c盘，例如：C:\Program Files\nodejs,然后保存。创建项目的时候，报bash: vue: command not found。

在sourceTree这个页面，选择clone，直接从远程仓库克隆到新建好的文件夹中。我把本地已经克隆好的项目删了，重新新建文件夹，比如vue_project。注意：远程仓库选择地址的时候有ssh和http两种，需要选http。我开始思索是不是sourceTee没有和远程仓库关联上。然后拉取，推送，跳转远程仓库等都可以了。如果选ssh，会提示是一个无效的源路径。选http，才可以克隆成功。

当我从接口获取数据进行赋值的时候，从network里看接口返回的对象参数，和我赋值后自己定义的对象参数一比对，发现里面有些字段的值不对应，遇到这种情况，基本上都是因为我们拿到数据之后，又去其他地方进行了重新赋值。bug重现：一个表单类的页面，保存后会调获取详情的接口，当我赋值给自己定义的对象后，又把这个对象当作参数传到封装的子组件中，在子组件的watch中监听这个对象，做一些判断。写错的地方就在于监听里，将对象重新赋值了，正确的应该是给我需要的参数赋值对象里的值，我自己糊涂写反了。

2、还是用input事件，直接注掉this.inventoryListData.splice(index, 1, row)排查后发现不是vxe-table表格的问题，也不是edit插槽的渲染问题，而是这个sumAmount方法写的有问题。今天的标题有点长，其实bug也不一定就是vex-table才会有，el-table也许也会遇到。问题就出在最后一行代码上，在经过一些计算后，将最新的row替换原来的row。1、可以将input事件换为change事件。用的是input事件。

然后又遇到了一个父子组件的，子组件是表单，在子组件中像这么这样写的话，相当于在子组件里改变值，逆向改变不行，那就去父组件改变。但是遇到了奇怪的现象，没有父子组件的嵌套，log打印值已经变成空的，但是输入框的还在，这个时候想到是不是要用this.可能是因为form里都是空的，找不到这个字段，不知道要清空哪一项。在data中定义的form对象里,如下定义。nexttick(),都试了还是不行。一般这样写，输入框就能清空了。父组件的子组件上接收下。

错误原因：由于页面在挂载时请求的数据没有及时的返回，使其解析时读取到的数据为空，如果连续读取空数据的属性值时，这时浏览器就会报错，读取空数据的属性值时会返回 undefined，这时如果再次读取 undefined 的属性值时就会报错（这段话转载请注明来自 Mr.L’s Blog！百度搜问题的时候，有的人提到v-if和v-else-if，有点提醒我了，会不会是这个v-if导致的，果然换成v-show之后就不报错了。原先正常的，忘记什么时候改了啥改成这个报错了。报错定位不到具体原因的时候，就很抓狂。

bug收录

【bug】弹窗列表，每次打开数据回显的选中项不对，已解决

【bug】【vxe-table】设置固定列，表头后端返，样式错乱已解决

el-popover样式问题

bug

封装dialog弹窗

日期组件踩坑记

仅贴相关代码，有啥问题欢迎沟通交流。主要思路就是左树右表，

vscode设置保存时自动格式化

也就是传参的bill，如果键和值一样，可以简写为bill，但是因为这行注掉了，导致bill没有值，所以报没有返回一个对象的错。点击保存的时候报的错，保存前要校验表单，然后调接口传参，传参是表单对象和列表数组分开传。遇到bug可以断点或者console打印，一步一步排查点击保存后是走到哪里开始报错的。我报错的原因是有一行代码被我注掉了，可能是改别的东西的时候，误以为无用。知道原因都很好解决，最怕不知道bug是什么原因引起的。但我遇到的报错不是这个原因引起的。

handleNodeClick的第一个参数是data，这是因为新增和删除之后都要重新定位到对应节点并展示对应节点的列表数据。左树右表的结构，通常都是通过树的节点点击事件进行关联，将树节点的id传给列表接口，从而筛选出对应节点的列表数据。如果节点id和树数据源的节点对应，obj就等于这一项，如果不对应，就继续向子项查找。处理完数据后，再次调用树节点点击事件，将对应节点项传过去，也就是data接收。不是太复杂的bug，但是当心静不下来的时候，还是花了一上午才捋顺。

因为我用了可编辑列表，我使用了两个插槽，默认插槽和编辑插槽，默认插槽默认是span，之前因为某些原因，改成了div，没想到埋了个坑。踩坑记，应该很少会有人也踩进这个坑，如果你踩到了，恭喜你，看到这篇文章的时候，已经有人先踩过了。但我遇到的坑是用了show-overflow只能显示tooltip，不显示省略号。官网上有专门的单元格溢出省略号的介绍，分为表头/body/表尾三种。我自己写了css样式，省略号确实有了，但是tooltip就是不显示。就是标签用错了，应该是span而不是div。...

问题产生的原因是，后端返的数值字段为null，我用的是el-input-number，为null的时候默认值为0，也就是一点击就会出现个0，不想要这种效果，解决办法就是把null改为underiend。watch监听数组，循环数组，正常写业务逻辑，然后就遇到一个bug，在这个循环里代码重复了上百次，还会有报错，类似于这样。因为是在watch中直接修改的，代码的执行顺序没有控制好，才引起的报错。业务逻辑稍稍有些复杂，同一份数据源里要处理很多业务逻辑。总结最近遇到的bug，这个花的时间还挺长的。...

el-tab-pane用的循环，从官网复制的时候，只定义了name，key随机定义的，发现key不对的时候，也只是改成了绑index，一直到重新翻文档的时候才发现，它的key绑的也是name，换成name后就对了。在b页面保存后，需要留在b页面，因为在保存的方法中先关闭路由，然后又重新打开路由，导致a页面数据还没有重新赋值，而tab的值已经先赋了，所以before-leave钩子函数报错，return之后，导致切不过去。bug2 首页切换到其他页签，再切回来的时候，tab的位置不能变。

el-table里使用了treeselect，因为行数太多，列表里大量使用了treeselect非常卡顿，el-table的性能没有vxe-table好，所以换成了vxe-table的可编辑列表。vxe-table的可编辑列表性能是真的好，其实如果不是奇怪的需求，单说vxe-table本身，还是很好用的，文档也很齐全。vxe-table的可编辑列表有两个插槽，一个是默认插槽，一个是编辑插槽。但是要求是列表不能有抖动的感觉，看文档，点击哪一行会变成下拉框，没有点击的什么样式都没有，要求要统一。......

正常列索引就是从0开始依次往后加一，但是vxe-table不是的，它遇到双表头会重新从0开始，就像下面这样。在vex-table可编辑列表中使用了el-input-number ，默认值为空，保存后发现输入框确实没值，但是一点击就会出现一个0。后端返我空值，null值都不行，因为null 和空值会被el-input-number 组件处理为0，需要定义为undefined。这里就要说到我踩的一个坑了，设置属性是放在cell-style方法中，根据条件找到对应列，增加属性。...

报错很多时候还是自己比较粗心主要是filterNode，筛选节点的方法里 ，名字和代码的字段写错了从其他页面复制过来的时候忘记改了报错说的是watcher监听有问题，就一直在watch里找问题，把筛选字段改成正确的之后就可以筛选了...

挺闹心的，最近已经遇到两次这个报错了，也不是大问题，页面复制粘贴了前面的页面，有些方法调用了但没在模板区绑值，找到这些方法全删掉就不报错了上一次报错忘记原因了，百度搜的结果大概就是说是异步调用的接口，数据还没有渲染出来，可以给列表加个v-if=“数组的长度”，有数据的时候才渲染...

报错如下：因为页面用了窗口动态渲染 mounted() { this.windowRender() }, /** 窗口动态渲染 */ windowRender() { this.screenWidth = document.body.clientWidth this.screenHeight = document.body.clientHeight window.onresize = () => {

报错：Property or method “remarkFlag” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property一般遇到这个报错，是说属性或方法未定义，就已经开始使用了排

多人开发太容易遇到冲突了当我像平常一样在vscode的源代码管理里提交代码，先拉一下其他同事的，然后推送自己的。结果拉的时候提醒我请先解决冲突，忘记截屏了源代码管理有个不方便的地方是，如果只是pull和push，点一点按钮就完成了，但是遇到问题了，不方便解决。打开项目所在的文件夹，打开git 命令行手动再pull一下试试这个是提示我有文件存在冲突找到对应的文件，冲突的地方会让你选择保留现状还是传入的更改或保留双方更改，你按自己的需求选择就行（这里也忘记截图了，以后再遇到的时候再截图放这里）

遇到这个报错，算是一个比较小的问题因为路由创建了，对应的页面刚新建，什么内容都还没有写报了这个错当页面正常有内容后，就不报错了

花了两个小时才解决首先是从git上克隆项目到本地，然后安装nodele_modules，输入npm i安装安装到一半报错npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the node-sass@4.14.1 postinstall scri

最近开始使用git管理版本，会遇到好些问题，做一下记录，方便查找报错如下，git pull的时候说我没有权限原因是我今天上午在gitlab上初次登录，要我改默认密码。改完之后，下午提交代码的时候就报了这个错，因为我把密码改了输入git config --system --unset credential.helper，相当于重新输一遍密码会出现两次弹窗，输用户名和密码的弹窗，忘记截图了两次输完回车后，再git pull,就可以拉代码了...

一早上遇到两个bug，很好，等到都解决完了之后也11点了bug 1遇到这个bug是真的无头绪，因为你找不到文件地址，它是vue.min.js报的错但是好在有前人也遇到过，大概方向都是模板区域中存在click事件但是没有在methods中定义顺着这个思路，我在有问题的这个组件里核查了所有的点击事件都有对应，苍天啊，为什么别人能解决我却不是这个原因导致的。。。。。静思了一会，才想起来，我这个是父子组件，我只在子组件里查看了，还没有查看父组件，仔细一盘查，果然是这个问题昨晚因为某些原因写了这个

npm run serve失败，node_modules安装失败