日常开发记录--父子组件通信，当父组件传的值为null或undefined时报错
摘要：父组件About.vue <template> <div class="about"> <h1>Today is not easy,</h1> <h1>Tomorrow is more difficult,</h1> <h1>But the day after tomorrow will be wo
阅读全文
posted @
2022-05-30 15:47
法老的微笑
阅读(204)
推荐(0) 编辑
日常开发记录--Vue.config.productionTip = false
摘要：Vue.config.productionTip = false // 阻止启动生产消息 若为true时，控制台会多输出一条tips提示
阅读全文
posted @
2022-05-30 15:17
法老的微笑
阅读(195)
推荐(0) 编辑
日常开发记录--Sass/SCSS (with dart-sass)与Sass/SCSS (with node-sass)
摘要：Sass/SCSS (with dart-sass) // 更推荐使用 Sass/SCSS (with node-sass) // 已弃用 创建项目下载时 会报错
阅读全文
posted @
2022-05-30 15:11
法老的微笑
阅读(303)
推荐(1) 编辑
日常开发记录--JS实现根据两点经纬度位置获取距离
摘要：function getDistance(lat1, lng1, lat2, lng2) { var radLat1 = lat1 * Math.PI / 180; var radLat2 = lat2 * Math.PI / 180; var a = radLat1 - radLat2; var
阅读全文
posted @
2022-05-27 15:06
法老的微笑
阅读(99)
推荐(0) 编辑
日常开发记录--elementUI中的el-select下拉框多选显示的文本内容过长导致显示溢出框外
摘要：el-select 选中内容溢出框外解决方案： // my是自己创建的最外层类名 提高样式权重 .my { .el-tag { width: 100%; } .el-select__tags-text { display: inline-block; max-width: 98%; overflow
阅读全文
posted @
2022-05-26 10:18
法老的微笑
阅读(2223)
推荐(0) 编辑
日常开发记录--IDEA快捷键
摘要：1、Ctrl+N-->搜索关键字 2、arr.fori-->快速生成for循环代码 3、
阅读全文
posted @
2022-05-25 14:52
法老的微笑
阅读(24)
推荐(0) 编辑
日常开发记录--vscode快捷键
摘要：1、选中想要合并的行，按Ctrl + Shift + P 调出命令窗口，输入Join Lines，合并行即可 2、
阅读全文
posted @
2022-05-25 11:22
法老的微笑
阅读(80)
推荐(0) 编辑
记录--前端中涉及的部分英文缩写
摘要：AJAX : Aysnchronous JavaScript and XML(异步的JavaScript和XML)。 AJAX是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 AJAX 是一种用于快速创建动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更
阅读全文
posted @
2022-05-25 10:37
法老的微笑
阅读(41)
推荐(0) 编辑
日常开发记录--使用element ui select下拉框多选，编辑状态下回显数据
摘要：<template> <div> <el-select v-model="value1" multiple // 控制多选的属性 :multiple-limit="1" // 限制多选的数量 默认0不做限制 placeholder="请选择"> <el-option v-for="item in o
阅读全文
posted @
2022-05-24 22:25
法老的微笑
阅读(1238)
推荐(0) 编辑
日常开发记录--vue判断从不同页面跳转到当前页面的路由地址
摘要：日常项目中经常会出现这种效果 点击添加和编辑 跳转至 编辑页活添加页后，通过保存 el-tab-pane这个组件还是要指向原来的地方 方法一、通过beforeRouteEnter实现（此方法可实现需求）但是要注意哦 beforeRouteEnter是不能访问this的 解决方法如下 beforeRo
阅读全文
posted @
2022-05-24 14:50
法老的微笑
阅读(964)
推荐(0) 编辑
记录--js数组筛选
摘要：let arr = [ {name: 'yibo', age: 25}, {name: 'yiyi', age: 18}, {}] let newArr = arr.filter(item => 'name' in item) console.log(arr) // filter不会修改原数组中的值
阅读全文
posted @
2022-05-19 08:15
法老的微笑
阅读(84)
推荐(0) 编辑
日常开发记录--父子组件通信
摘要：如果父组件传入detail：{ before: {name: "yibo"}}对象,子组件中接收detail并显示在页面上detail..before.name，但是detail的初始值不能是一个空对象或者null，否则子组件会报错说找不到name
阅读全文
posted @
2022-05-13 21:08
法老的微笑
阅读(15)
推荐(0) 编辑
日常开发记录--mounted方法中打印的东西出不来原因
摘要：原因1：该页面是带缓存的 原因2：有两个mounted生命周期方法，第一个打印的被覆盖了
阅读全文
posted @
2022-05-13 15:24
法老的微笑
阅读(186)
推荐(0) 编辑
日常开发记录--前端请求接口报错404原因
摘要：原因1:后端把url地址誊抄错了 原因2：前端自己把url地址抄错了，或者是逗号不小心写错了 原因3：后端提交的代码，前端没有更新就运行或者更新后端代码后没有重新运行idear
阅读全文
posted @
2022-05-13 15:11
法老的微笑
阅读(1882)
推荐(0) 编辑
日常开发记录-vue获取dom元素，触发点击事件
摘要：HTML元素： 如果元素是一个原生的HTML元素，通过绑定ref="selector" 通过this.$refs['selector'].click() 触发 组件： 如果元素是一个组件，通过绑定ref="selector" 需要通过this.$refs['selector'].$el.click(
阅读全文
posted @
2022-05-10 19:03
法老的微笑
阅读(1159)
推荐(0) 编辑
