Github常用命令:
查看当前的git仓库状态,可以使用git status
git status
更新后使用git add * --代表更新全部
git add *
git commit -m “更新说明”,commit只是提交到缓存区域
git commit -m "更新说明”
git push origin master
2)创建并切换到新分支
git checkout -b panda
git checkout -b panda
查看分支:git branch
切换分支:git checkout
从本地推送分支 git push origin ,如果推送失败,先用git pull抓取远程的新提交;
从远程抓取分支 git pull,如果有冲突,要先处理冲突。
git log 查看提交历史
git status 查看有多少次 提交了 没有push到版本库
git commit --amend 更改最近 commit 的描述信息
忽略本地修改,强制拉取远程到本地
git fetch --all
git reset --hard origin/dev(分支名)
git pull
1.git查看分支:
查看本地分支 git branch
查看远程分支 git branch -r
查看本地和远程分支 git branch -a
2.git删除分支:
删除本地分支 git branch -d 本地分支名
删除远程分支 git push origin --delete 远程分支名
推送空分支到远程(删除远程分支另一种实现)git push origin :远程分支名
// git config --global user.name ‘yangshuai’ 修改用户
// git config --global user.email ‘yang_shuai@sinosoft.com.cn’ 修改邮箱
使用git 命令 操作频繁要求输入账号和密码: git config --global credential.helper store
清除 账户信息: git config --system --unset credential.helper
日期组件(只能选取三个月之内的日期):
:picker-options=“pickerOptions”
// 止期
pickerOptions: {
disabledDate: time => {
if (!this.searchData.StartDate) return // this.searchData.StartDate起期value
const beginDateVal = new Date(this.searchData.StartDate)
if (beginDateVal) {
const threeMonths = beginDateVal.setMonth(beginDateVal.getMonth() + 3)
beginDateVal.setMonth(beginDateVal.getMonth() - 3)
return time.getTime() < beginDateVal || time.getTime() > threeMonths
}
}
}
// // 起期
pickerOptions: {
disabledDate: time => {
if (!this.searchData.EndDate) return // this.searchData.EndDate 止期value
const endDateVal = new Date(this.searchData.EndDate)
if (endDateVal) {
const threeMonths = endDateVal.setMonth(endDateVal.getMonth() - 3)
endDateVal.setMonth(endDateVal.getMonth() + 3)
return time.getTime() > endDateVal || time.getTime() < threeMonths
}
}
}
table 表格自增:
currentPage//当前页数 pageSize//每页条数
:index="index => {
return (index + 1) + (currentPage - 1) * pageSize
}"
项目使用了eslint,但是每次使用自动格式代码时,webstorm不会按照 eslint 规则去格式化代码解决办法:
在项目根目录找到 .eslintrc.js 并右键单击,菜单底部有一个 “Apply ESLint Code Style Rule” 点它,之后自动格式化就会按照 eslint 的规则了
另外 右键单单击 然后点 Fix ESLint Problems 可快速修复eslint检测问题。
设置快捷键,如下:
点击keyMap->搜索eslint->选中fix ESList Problems下面的eslint->右键Add Keyboard ShortCut 摁住Alt + L 键 (点击应用apply)
以后使用alt + L 就可以直接进行eslint修复了
export default 和 export 区别:
1.export与export default均可用于导出常量、函数、文件、模块等
2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用
3.在一个文件或模块中,export、import可以有多个,export default仅有一个
4.通过export方式导出,在导入时要加{ },export default则不需要
1.export
//a.js
export const str = “blablabla~”;
export function log(sth) {
return sth;
}
对应的导入方式:
//b.js
import { str, log } from ‘a’; //也可以分开写两次,导入的时候带花括号
2.export default
//a.js
const str = “blablabla~”;
export default str;
对应的导入方式:
//b.js
import str from ‘a’; //导入的时候没有花括号
相关链接:(https://www.jianshu.com/p/edaf43e9384f)
renderHeader方法—添加select
renderHeader(h, scope) => {
return (
{
<el-select value={ scope.row[scope.column.property] }
size=‘medium’
style=‘width: 100%’
onChange={ (val) => { scope.row[scope.column.property] = val } }>
{
this.tagOptions.map(option => {
return (
<el-option label={ option.label } value={ option.value }>
)
})
}
}
)
}
// 表单验证 自定义事件 加 必录项 可以解决一定条件下 必录项为空也可以通过校验(同时存在必录项标记)问题。
const checkOutWorkDate = (rule, value, callback) => {
const AgentStateval = this.searchData.AgentState
if (AgentStateval === '01') {
callback()
} else {
return callback(new Error('离职日期不能为空'))
}
}
{ validator: checkOutWorkDate, required: true, trigger: ‘change’ }
vue 上传组件 选择文件之前有校验 ,校验通过弹出文件选择框,否则不弹
<el-upload
ref="upload"
:on-remove="handleRemove"
:http-request="handlePreview"
:before-remove="beforeRemove"
:limit="1"
:file-list="fileListUpload"
:auto-upload="false"
:on-success="uploadSuccess"
:on-error="uplodError"
class="upload-insurant"
action=""
>
<el-button
v-show="show"
ref="importbtn"
slot="trigger"
size="small"
type="primary"
>选取文件</el-button>
<el-button
style="margin-left: 10px;"
size="small"
type="primary"
@click="beforeAvatarUpload()"
:disabled="isDisabled"
>选取文件</el-button>
<el-button
:disabled="isDisabled"
style="margin-left: 10px;"
size="small"
type="primary"
@click="submitUpload"
>
上传
</el-button>
</el-upload>
el-upload 中第一个按钮默认为上传按钮(就是点击后可以弹出文件框)
首先:
1、 首先定义一个隐藏的按钮,该按钮为上传按钮,(第一个)
2、 在定义一个普通按钮 第二个按钮 和第一个可以一样,(第二个)
然后:
隐藏按钮 要添加 ref=“importbtn” (第一个)
第二个按钮要写一个点击事件 @click=“beforeAvatarUpload()”。(第二个)
原理就是通过点击第二个按钮来添加判断、校验等一系列操作,通过后 this.
r
e
f
s
.
i
m
p
o
r
t
b
t
n
.
refs.importbtn.
refs.importbtn.el.click()
触发隐藏按钮点击事件(第一个按钮)
beforeAvatarUpload() {
if (!this.multipleSelection1.length) {
return this.$alert('请先勾选保单信息', '提示', {
type: 'warning',
confirmButtonText: '确定'
})
} else {
this.$refs.importbtn.$el.click() //很重要
}
}
// 上传文件
使用 fordata 方式上传 加请求头
var formData = new FormData();
headers: { ‘Content-Type’: ‘multipart/form-data’ }
blob 格式下载
请求时需设置 :responseType: ‘blob’
文件名没有赋值,下载的为txt 文件
// ES6
Object.keys Object.keys 获取的时对象的属性 组成数组
Object.keys 组成数组后可以使用.length判断对象是否为空
filter 找到数组符合条件的 arr.filter(item => item.indexOf(‘2’)<0)
findIndex 查找目标元素,找到就返回元素的位置,找不到就返回-1 (数组) arr.findIndex(item => item.id === val)
indexOf 查找目标元素,找到就返回元素的位置,找不到就返回-1 (字符串) arr[1].indexOf(‘2’)
// forEach 符合条件跳出循环
// 使用try catch 捕获异常
try {
this.multipleSelection.forEach(item => {
if (!this.multipleSelection.paymode) {
throw Error(this.multipleSelection.actugetno)
}
})
} catch (a) {
// 使用 a.message 获取 throw Error 中的数据
return this.
a
l
e
r
t
(
‘
实
付
号
alert(`实付号
alert(‘实付号{a.message},付费方式不能为空!`, ‘提示’, {
type: ‘warning’,
showClose: false,
confirmButtonText: ‘确定’
})
}