qq_45030898的博客

日常学习开发记录-slider组件

日常学习开发记录-switch组件

日常学习开发记录-select组件（2）

日常学习开发记录-select组件（1）

日常学习开发记录-inputnumber组件

日常学习开发记录-input组件

日常开发记录-radio组件

外边距折叠（Margin Collapse）是 CSS 中一个常见的现象，主要发生在块级元素之间的垂直外边距（margin）上。实际效果：由于 child 的外边距与 parent 的外边距重叠，parent 的高度可能会被计算为 0，导致它看起来没有高度，暂时是100px。实际效果：由于外边距折叠，box1 和 box2 之间的间距实际上是 50px，即取较大的外边距，总高度250px。当子元素的外边距与父元素的外边距重叠时，父元素的高度可能会计算错误，导致父元素的高度为零或小于预期。

日常开发记录-正确的prop传参，reduce搭配promise的使用

日常问题-动画前提下getElementById拿到的dom宽高不对

vue依赖注入 实现祖父组件data数据改变，子孙组件自动跟着改变

vue中使用layui

若依框架如何新增自定义主题风格

查找字符串中某个字符在字符串中第几次出现的位置

Array.apply(null, { length: 20 })的理解

vue表单重置新写法学习-this.$options

vue-模板定义的替代品理解

vue-循环引用感想

vue依赖注入

js中的call和apply

vue2 composition-api setup 中如何使用 vuex3.1.0 mapState

elementui 怎么解决input show-word-limit挡住文字

elementui tree组件自定义内容，实现移入label显示操作按钮

某个盒子模型实现不可点击(pointer-events: none)且有禁用样式(cursor: not-allowed)(避坑)

elementui inputnumber组件清空后显示一个默认值0

ElementUI组件Dialog弹窗再次打开表单清除上次表单的必填验证提示

elementui的upload组件根据后端接口上传文件到服务器失败，需要传参(header头部传参和params传参)

实现在vue下input标签根据输入字符动态自适应宽度

对elementui中一个el-form-item中包含多个输入框或下拉框等的表单验证处理问题

elementui清除表单个别表单项验证

vue+elementui表格组件实现某一列数据部分可点击跳转，部分不可以

vue的render函数入门

vue的props对象可以用自定义函数validator限制传参的值props{{type==-1;}}}平常没怎么用，自动忽略了。挺有用的还是。

如果需要传的是数字1，2，3之类的，官网的例子就可以满足的。elementui el-radio组件绑定字符串，传参和默认回显

路由处理逻辑图如下：中后台路由常见的常见如下：第一步，main.js 中加载了全局路由守卫第二步，permission.js 定义了全局路由守卫动态路由分析动态路由流程图动态路由生成逻辑如下图：在登陆页面，用户名和密码正确的情况下，hastoken是为true的，但是to.path的路径是"/"，所以走的是else路径，先获取角色，再根据角色生成动态路由，然后再走一遍这个流程，不过这次走的是 if (hasRoles) 。也可以看出来是我们猜想的这样。动态路由主要的就是为了侧边栏（自我觉得

2.常用例子在此之前，这段代码要看懂的，myArr是个json数组demo:demo:demo:这里拖拽到下面的数据显示之所以不正常，貌似是拖拽的两个数据结构和字段名要一致，不然虽然可以拖拽成功，但是显示会有问题的意思就是说正确设置了group属性后就可以实现多列拖拽了这样两个可以互相拖拽了的3.1.1.3 自定义函数用法3.2 delay响应时间3.3 disabled启用禁用注意的是这里开启禁用的是全局的拖拽效果，不是个别的demo:没有animation的效果：有ani

vue 同一页面路由参数改变刷新当前页面1.场景2.实现1.场景当你路由传参进入一个页面，例如商品详情页，goodDetail?id=1,但是你还是在当前页面业务需要交id改为2时，你会发现页面没有主动进行刷新重新加载。2.实现watch:{ $route: { handler(newVal, oldVal) { //判断newVal有没有值监听路由变化 if (newVal != oldVal) { location.relo

js json扁平数组转树形结构1.场景2.方法1.场景后台返回的数据是这样的渲染到页面也就成这样了很明显是不对的，结果应该是这样2.方法 const result = [] //定义空数组作为结果 const map = demo.reduce((pre, cur) => { pre[cur.zzlx] = cur.zzlx //将原始数组转换成对象 (用于判断是否有children属性) return pre

elementui table组件和popover实现表格列内容过长，显示隐藏多余字段，hover显示所有内容

1.实现效果可以看到title是改变了的，图标偷懒就没有换2.实现过程改变图标打开index.html文件，第一个就是自己换一下图标就可以了的改变title还是在上面的index.html中，但是这里改变title标签里面的<%= webpackConfig.name %>是没有效果的。我们需要在其他地方改，如果你是在dev环境，就在.env.development文件下改，不然就在.env.production里面改，打开文件把页面标题改成自己想要的标题就可以了的。其