
踩坑系列
爱吃松果的美美
前端开发
展开
-
踩坑系列//vue中d3的click事件怎么获取对应数据??vue中第三方插件的click事件,传回来第一个参数是vue的事件、第二个参数才是自定义参数
vue中d3的click事件怎么获取对应数据??vue @click 绑定的函数,如何同时传入事件对象和自定义参数??vue中第三方插件的click事件,传回来第一个参数是vue的事件、第二个参数才是插件本身的内容。.on(‘click’, function ($event, e) {})https://blog.youkuaiyun.com/little_kid_pea/article/details/89736282html 文件中 d3 的 click 事件返回的.on('click', functi原创 2021-09-25 20:31:46 · 1821 阅读 · 0 评论 -
elementui//el-form 中 input 框没有对其的原因 el-row 用了 :gutter。改用  ;
el-form 中 input 框没有对其的原因 el-row 用了 :gutter。改用 修改后:不用 :gutter。改用 <el-form-item v-for="(item, index) in form.value" :label="`字典${index + 1}`" :key="item.id" :prop="`value.${$index}`原创 2021-09-12 09:35:54 · 1399 阅读 · 0 评论 -
elementui//el-form-item设置了统一的margin-bottom。其中用了两个 el-col 后高度改变了
直接统一每一个 el-form-item 的高度.el-form-item{ margin-bottom:2px; height: 41px;}原创 2021-09-12 09:28:00 · 3183 阅读 · 0 评论 -
elementui——el-form动态表单props正确写法,如何使用 validateField
el-form动态表单props正确写法,如何使用 validateField <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="ID" v-show="!isAdd"> {{ form.typeId }} </el-form-item> <el-form-item原创 2021-09-12 09:24:44 · 2753 阅读 · 0 评论 -
踩坑系列——输入一个字符就退出校验、要重新聚焦输入。这里用了id,但因为id会随时改变,出现bug了
遍历循环的key值要用不改变的值,用index!!!!这里用了id,但因为id会随时改变,出现bug了(输入一个字符就退出校验、要重新聚焦输入)修改 key 值。这就正常了原创 2021-09-12 09:17:40 · 133 阅读 · 0 评论 -
踩坑系列——弹窗数据会影响外面table的数据,导致试图变化的问题。要将数据深拷贝才行this.form = JSON.parse(JSON.stringify( row));
弹窗数据会影响外面table的数据,导致试图变化的问题。是不是要将数据深拷贝才行呢.是的要深拷贝this.form = JSON.parse(JSON.stringify( row));里面弹窗表单一边输入,外面table一直变化。就是因为没有深拷贝。this.form = row改成this.form = JSON.parse(JSON.stringify( row));...原创 2021-09-12 09:15:35 · 685 阅读 · 0 评论 -
踩坑系列——vue中.native将原生事件绑定到组件。el-row等封装的组件,@click无效,@click.native 才有效。
https://cn.vuejs.org/v2/guide/components-custom-events.html#%E5%B0%86%E5%8E%9F%E7%94%9F%E4%BA%8B%E4%BB%B6%E7%BB%91%E5%AE%9A%E5%88%B0%E7%BB%84%E4%BB%B6el-row等封装的组件,@click无效,@click.native 才有效<el-row class="listdata" @click.native="addVisible = true">原创 2021-09-12 09:06:04 · 205 阅读 · 0 评论 -
踩坑系列——后端代码在本地跑着,在本地对接口。后端接口在swagger和postman中都跑通了,但是在前端项目中出现get请求成功/post请求失败(一直说请求超时)的情况。本地用了mock数据
复制上面的链接会转跳到首页???这是正常吗???应该怎么测呢??松子说:转跳首页正常的。原创 2021-09-08 08:55:31 · 2006 阅读 · 0 评论 -
elementui//el-form ‘resetFields‘ of undefined 给表单重置校验
https://www.cnblogs.com/tentacion/p/11543169.html如果是第一次就点击新增就没必要reset, 根据元素undefined判断if (this.$refs[formName] !== undefined) { this.$refs[formName].resetFields();}原创 2021-09-08 08:48:11 · 233 阅读 · 0 评论 -
css//设置两个DIV为display:inline-block出现上下错位问题
https://www.cnblogs.com/zml-mary/p/7722061.html发现AB两个div设置display:inline-block,出现上下错位问题,当AB里面内容为空时,错位问题消失看了网上资料以及通过实践分析,总结如下1.同一行的行内元素对齐方式默认是底部对齐,即vertical-align:baseline2.对于内容为空的inline-block元素而言,该元素的基线就是它的margin底边缘,否则就是元素的内部最后一行内联元素的基线解决方式:1.floa原创 2021-09-08 08:47:47 · 1006 阅读 · 0 评论 -
elementui//el-table 的 template slot
文章目录slot-scope#defaultslot-scope<template slot-scope="scope">{{scope.row.name}}{{scope.$index}}</template><el-table-column label="姓名"> <template slot-scope="scope"> {{ scope.row.name }} </template></el-tab原创 2021-09-08 08:47:32 · 803 阅读 · 0 评论 -
vue//VUE中mock模拟数据和后台接口同时使用
https://www.jianshu.com/p/5d97d5e4af2cvue.config.jsdevServer: { port: port, open: true, host: '0.0.0.0', overlay: { warnings: false, errors: true }, before: require('./mock/mock-server.js'), proxy: { [proce原创 2021-09-08 08:47:21 · 2139 阅读 · 2 评论 -
踩坑系列//git报错——git push fatal: You are not currently on a branch. To push the history leading to
https://blog.youkuaiyun.com/zhai_865327/article/details/105031756git报错——git push fatal: You are not currently on a branch. To push the history leading to the current (detached HEAD) state now, use git push origin HEAD:<name-of-remote-branch>原创 2021-09-05 11:07:31 · 3826 阅读 · 0 评论 -
elementui//submenu 样式修改(border-bottom加粗)
文章目录参考:方法一:style scoped 然后deep方法二:style 全局改样式修改前后对比参考:https://blog.youkuaiyun.com/ABCD198643/article/details/102319822https://blog.youkuaiyun.com/weixin_42204698/article/details/101757080方法一:style scoped 然后deep<style lang="scss" scoped>.border-width { bo原创 2021-09-05 11:04:23 · 2435 阅读 · 0 评论 -
elementui//el-menu 的 mode设为horizontal 后,横向后,有bug。el-menu 下如果引用组件,组件模板的 div 也会渲染,阻断了样式!!!
文章目录如何找问题?——把我自己的和element的模板对比,找问题。一步一步来。解决方法一:在el-menu下的组件外面加div包裹,设置 `display:flex;`然后通过css `deep`处理一个一个更改样式。(这方法比较麻烦)解决方法二:组件中`render`的方式渲染模板,不用`...`解决方法三:把组件拆开,分成两个组件,拿出来递归【但是会出现 内存超载的问题】解决方案四:只封装一个组件,其它全部在外层组件实现el-menu 的 mode设为horizontal 后,横向后,有bug。【原创 2021-09-05 10:58:29 · 6867 阅读 · 4 评论 -
vue//vue 动态侧边栏菜单不更新问题(退出重登录管理员还是看到普通用户的菜单列表);注意:深拷贝会丢失函数!!!
https://blog.youkuaiyun.com/qq_16072507/article/details/102720589强刷页面 window.location.reload(true);路由数据深拷贝(注:深拷贝会丢失函数;如果有箭头函数之类的不能深拷贝)async logout() { await this.$store.dispatch('user/logout') window.location.reload(true);//强制刷新整个界面}GenerateRoutes({com原创 2021-09-05 10:41:33 · 707 阅读 · 0 评论 -
vue//vuex中不同模块中如何互相调用
https://blog.youkuaiyun.com/qq_43586840/article/details/112582215rootGetters{root: true}原创 2021-09-05 10:37:42 · 477 阅读 · 0 评论 -
js//所有 filter / map 。。。。都要return!!!!总踩这个坑!!!
outputList = inputList.filter((item) => { return item.name == routeTag})记得 return !!!原创 2021-09-05 10:33:00 · 1670 阅读 · 4 评论 -
js vue//递归数组本身,返回合适的路由
https://www.imooc.com/wenda/detail/588902vue路由递归遍历找到所有符合条件的路由。传参里面还有 result=[],用于输出多级菜单中符合条件的内容函数调用函数本身filterList(inputList, result = []) { inputList.forEach((item) => { if (item.menuType == 1) { result.push(item) } else if (item.m原创 2021-09-05 10:30:43 · 349 阅读 · 0 评论 -
CSS//让文字居于div的底部
https://blog.youkuaiyun.com/weixin_38168728/article/details/101573357https://blog.youkuaiyun.com/sd19871122/article/details/53143035代码演示:https://codepen.io/janmie-cjm/pen/yLXapdB?editors=1100外层div 设置positon 为 relative里层p 设置position 为 absolute;且 bottom、padding、mar原创 2021-09-05 10:23:11 · 1015 阅读 · 0 评论 -
js//了解export和import的使用以及export和export defalut 的区别
https://www.cnblogs.com/tu-0718/p/11125862.htmlADM——用于浏览器。异步加载js。CommonJS——用于服务器。同步加载js。用于node端。使用npm后建议使用CommonJS。问题三:为什么要使用export和import?JS在ES6以前都没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。 这使得JS对开发大型的、复杂的项目形成了巨大障碍。 为了解决该问题,ES6之前社区制定了一些模块原创 2021-09-04 14:13:15 · 171 阅读 · 0 评论 -
js//throw new Error() 抛出错误测试功能
throw new Error() 抛出错误验证后续代码是否正确原创 2021-09-04 14:09:57 · 402 阅读 · 0 评论 -
踩坑系列报错:Uncaught (in promise) Error: Redirected when going from “/login?redirect=%2Fabout“ to “/“ via
参考链接:https://blog.youkuaiyun.com/qq_42805569/article/details/111238634原因:vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误,但并不影响程序功能解决方案一、使用编程式导航跳转时,每次使用,后面都跟上.catch方法,捕获错误信息this.$router.push('/location').catch(err => ())解决方案二、全局解决:替换路由的Push和replace方法,放在src/router/in原创 2021-09-04 14:08:41 · 5610 阅读 · 3 评论 -
element ui——slot 和 #。#只能用在template。slot=“title“ #title 等同
文章目录slot 和 #。#只能用在template。slot="title" #title 等同slot 和 #。#只能用在template。slot=“title” #title 等同<el-submenu index="2"> <!-- <template slot="title">我的工作台</template> --> <template #title>我的工作台</template> <原创 2021-09-04 13:55:12 · 5352 阅读 · 1 评论 -
踩坑系列——报错:Syntax Error: TypeError: this.getOptions is not a function
报错:Syntax Error: TypeError: this.getOptions is not a functionvue项目使用sass-loader:https://blog.youkuaiyun.com/web_youth/article/details/80052969https://blog.youkuaiyun.com/qq_38157825/article/details/114318772版本原因了,我安装的 scss-loader 版本太高,卸载安装低版本即可npm uninstall --save原创 2021-09-04 13:53:16 · 763 阅读 · 0 评论 -
刷新页面//location.reload()
location.reload()//刷新页面,绕过缓存,从服务器上重新下载该文档原创 2021-08-09 08:41:44 · 293 阅读 · 0 评论 -
封装组件//前端在界面上看到json数据
<pre><code id="json">{{axiosResponse}}</code></pre>若经常用,可以封装成组件,加以折叠等功能原创 2021-08-07 16:25:09 · 228 阅读 · 0 评论 -
css//img vs background-image。图片显示 无特殊要求时,按原图宽高比显示 background-size: cover;
background-repeat: no-repeat;background-position: center;background-size: cover;将图片变成背景,通过改变背景尺寸等可以任意改变图片在容器中显示的效果,操作是最方便的:<style type="text/css">div{ width: 200px; height: 200px; border: 2px solid red; background-repeat: no-re.原创 2021-08-03 16:30:09 · 398 阅读 · 0 评论 -
踩坑系列——js原生复制select() 方法只对 <input> 和 <textarea> 有效
报错原因:select() 方法只对 和 有效参考:https://www.cnblogs.com/wisewrong/p/7473978.html在这里插入代码片原创 2021-08-01 08:10:14 · 317 阅读 · 0 评论 -
js/vue//懒加载
文章目录1 参考 & 概念2 实例1 参考 & 概念超简单直观理解懒加载(Lazyload)懒加载的原理及实现什么是懒加载和预加载原理:先将 img标签中的 src 链接设为同一张图片(空白图片),将其真正的图片地址存储在 img 标签的自定义属性中(比如data-src)。当js监听到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中,达到懒加载的效果。这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢,页面卡顿或崩溃等问题。2 实例<原创 2021-07-27 16:04:17 · 166 阅读 · 0 评论 -
echarts//数据刷新mychart.setOption(option,true)
官方文档参考:echarts的setOption第二个参数的坑原创 2021-07-24 22:12:35 · 8671 阅读 · 0 评论 -
axios的请求拦截和vue路由的导航守卫有什么区别
axios的请求拦截和vue路由的导航守卫有什么区别Vue 前端实现登陆拦截及axios 拦截器的使用vue-router中的导航守卫与 axios拦截器的区别原创 2021-07-10 23:58:26 · 237 阅读 · 2 评论 -
在JavaScript中创建一个具有相同元素重复多次的数组?
不同回答使用 es6 中的 Array() fill()Array(5).fill(2)//=> [2, 2, 2, 2, 2]原创 2021-07-10 13:52:24 · 1453 阅读 · 0 评论 -
Promise
30分钟,让你彻底明白Promise原理Promise 实现原理精解这一次,彻底弄懂 Promise 原理原创 2021-07-10 10:38:51 · 83 阅读 · 0 评论 -
下拉列表无限下拉
https://www.cnblogs.com/pfeiliu/p/11884271.htmlhttps://blog.youkuaiyun.com/m0_37893932/article/details/107563274https://blog.youkuaiyun.com/m0_37893932/article/details/107333312https://blog.youkuaiyun.com/zyxczyf123/article/details/110851357原创 2021-07-09 21:06:05 · 614 阅读 · 0 评论 -
VUE列表渲染 FOR-IN和FOR-OF的区别
全文总结V-for循环遍历 数组 时推荐使用 of ,语法格式为 (item,index)item:迭代时不同的数组元素的值index:当前元素的索引V-for循环遍历 对象 时推荐使用 in,语法格式为 (item,name,index)item:迭代时对象的键名键值name:迭代时对象的键名index:当前元素的索引在遍历对象时,会按 Object.keys() 的结果遍历,但是不能保证它的结果在不同的 JavaScript 引擎下都一致。v-for也可以在实现了可迭原创 2021-07-08 12:06:49 · 564 阅读 · 0 评论 -
踩坑系列——git pull之后报错:Please enter a commit to explain why this merge is necessary?(merge branch)
git pull命令之后git如上报错,解决步骤,可以不管(直接下面3,4步)://1.按键盘字母 i 进入insert模式//2.修改最上面那行黄色合并信息,可以不修改//3.按键盘左上角"Esc"//4.输入":wq",注意是冒号+wq,按回车键即可(转载)...原创 2021-07-03 22:06:21 · 209 阅读 · 0 评论 -
踩坑系列——github在readme添加照片
然后在readme中添加代码大功告成啦~~~~原创 2021-07-03 13:41:51 · 210 阅读 · 0 评论 -
前端数据处理——把数字字符串转换成数字数组
<scpsForm class="mt10" label-width="120px" :model="infoData2" disabled> <el-tabs v-model="activeMeasureName" tab-position="left"> ...原创 2021-05-18 10:52:54 · 642 阅读 · 0 评论 -
前端数据处理——(多选下拉框)把数字数组转换成用,分割开的字符串
<template> <div> <el-tabs v-model="activeName1"> <el-tab-pane label="问题信息" name="first"> <!-- {{infoData}} --> <scpsForm ref="basicRef" class="mt10"原创 2021-05-18 10:51:42 · 494 阅读 · 0 评论