Bule_BUFF的博客

原创 ES6后数组的方法

1、includes方法是否包含某个元素，包含返回true，反之是false。2、indexOf方法查询数组中元素的下标。返回查询到的元素在数组中的下标，如果查询不到，返回-1。

原创 vue2中用v-deep样式穿透修改ui组件样式

先上问题页面想让ui组件右边的蓝色小圆圈都竖着在同一列排列。发现它们有都一个padding，导致没办法在同一列。然后找到这个ui组件给我们生成的类用::v-deep穿透样式修改然后发现修改好了 没有我们讨厌的padding了...

原创 项目中的路由跳转

首先在路由文件中定义一个自己的路由js文件内容如下然后在index.js中引入页面上就可以用了这个是跳转返回首页的路由

原创 git上传代码规则

原创 vue中使用vuex（在前端页面写好没有后台接口下拿数据）

1、先下vuex的包cnpm install vuex --save2、在src下新建store仓库，新建index.js上图红色框是后来我添加的需要用的组件。3、然后在mian.js中引入store。4、然后在store下新建modules文件夹。新建我需要使用vuex的地方。文件名和需要使用vuex的文件名一样就好了在新建的myProject.js下写state，mutations，actions方法 并申明出去。因为我在功能页面的myProject.vue下我需要拿到保存的是一个

原创 element ui中form表单resetFields()重置方法报错解决方法

element ui的form表单的resetFields方法使用后后台会报错，是因为用了$rfefs。这个是dom渲染后才有的。所以需要在nextTick里面用这个方法。nextTick、应用场景下面了解下nextTick的主要应用的场景及原因。在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中在created()钩子函数执行的时候DOM 其实并未进行任何渲染，而此时进行DOM操作无异于徒劳，所以此处一定要将DOM操作的js代码放进

原创 VUE项目中使用mock造数据造接口

1、先安装mockjs， npm install mockjs2、在src下创建mock文件夹，在mock下创建index.js配置文件引入mock.jsimport Mock form ‘mockjs’然后在src下新建api文件夹，在api下新建接口文件，例如myproject.js在muproject.js接口文件中定义需要的接口定义好接口文件后在mock文件夹下定义数据文件，例如myproject.js定义好数据文件后返回mock的index.js文件中导入需要的接口和数

原创 Ant Design Vue UI组件中改变textarea的宽度和高度

textarea给宽度不能改变。只能改变高。给样式也没效果，只能改变高度。后来发现在form表单中可以改变textarea的宽度。label-col是改变form表单里面的组件距离左边的距离。数值越小距离越近。相当于margin-left。 wrapperCol是改变form表单里面的宽度。由于给了24，上面的Input组件也变宽了。autosize是改变高度的。我设置的是最小10个高度，没有最大高度...

原创 vue3中获取url地址中的数据，例如id

调用后台接口，需要传入页面带过来的用户id。vue2中这样就可以了，得到一个对象。里面有需要的数据。然后.id就可以获得到。在vue3中用proxy(相当于vue2中的this)

转载 vue3在富文本中给选中的文字加上背景颜色

这个是摘抄别人的 我只是个搬运工上地址：http://www.zyiz.net/tech/detail-129946.html

原创 关于vue3中的this问题

项目用了vue3，以为只用proxy代替this才能用。这个例子就用到了直接用到了this，我之前一直以为不能用this。。。需求是这样的，鼠标移动到重置按钮上改变颜色，移走就恢复。给按钮绑定鼠标事件和动态类名然后在methods中定义这两个事件方法用this可以直接获取到这个元素，然后改变他的showTitleBtn。之前想要state.showTitleBtn = false；这种形式，结果报错说sate未定义。就只能用this了。然后这是打印出来的this...

原创 element Plus中获取Cascader 级联选择器选中的节点

给cascader中绑定change事件并且添加ref，v-model是要存储的值，options是要渲染出来的数据，props是对应渲染出来数据的规则。通过 proxy.$refs[‘departmentTree’]可以获取到当前节点。getCheckedNodes是组件自带获取到节点的方法。proxy相当于vue2中的this由于获得到的是proxy，用[0]可以得到想要的节点...

原创 element Plus 中select组件获得当前点击的节点

先给select绑定change事件然后在方法中加入event就可以访问到

原创 用v-for遍历url地址图片不显示问题

在ui组件下拉菜单中加入图标，用v-for循环遍历。这是需要遍历的数据图片出不来的原因是 \ 解析问题 换成 /就可以解决

原创 工作中的git命令

git branch 查询当前分支git checkout -b user 切换到新创建的user分支 -b代表创建新文件git status 检查当前分支文件的状态git add . 全部文件添加到暂存区git commit -m “完成用户列表的开发” 提交到仓库中，并添加一个提交消息 -m代表提交的消息（把刚提交的代码全都添加到刚创建的user子分支）——— 提交完成后再执行 git status 命令 看看当前工作目录干不干净（如果是干净的，就表示本地u

原创 vue引入iconfont阿里字体图标库报错和解决

引入阿里字体库后报错说找不到文件。需要在引入的字体iconfont.css中加入绝对路径才可以加上绝对路径后字体样式能正确显示也不报错了还有一个需要避坑的地方就是图一篮圈处不能加绝对路径，如果加上的话就会出现方框字体，但是不会报错...

原创 解决vue项目中添加style样式问题

如图，给div添加style的时候提示有错误。vue ui的错误提示如下是因为我导入的less和less-loader的版本太高了都是最新的版本。然后卸载了这两个，在终端里面重新下载低版本的。npm install less@3.9.0 -snpm install less-loader@3.9.0 -s然后就没报错，style效果能出来了...