1.同步方法获取接口返回值
new Promise((resolve) => {
resolve()
}).then(() => {
console.log(dataList)//返回得值
})
2.抛出错误 try throw new Error(‘’)
3. 更新view数据
self.$set(self.tabledata, self.tabledata.indexOf(record), record)
4. 获取时间
CurentTime() {
var now = new Date()
var year = now.getFullYear() //年
var month = now.getMonth() + 1 //月
var day = now.getDate() //日
var hh = now.getHours() //时
var mm = now.getMinutes() //分
var clock = year + '-'
if (month < 10) clock += '0'
clock += month + '-'
if (day < 10) clock += '0'
clock += day + ' '
if (hh < 10) clock += '0'
clock += hh + ':'
if (mm < 10) clock += '0'
clock += mm
return clock
},
5.确认提示窗
const that = this
this.$confirm({
title: '您确定删除该文件/文件夹?',
content: '删除之后不可撤回!',
okText: '确定',
okType: 'danger',
cancelText: '取消',
onOk() {
designNodeRemove(obj)
.then((res) => { })
.catch((err) => {that.$message.error(err.message) })},
onCancel() {console.log('Cancel')},
})
6.限制宽度
.txtOmit {
width: 222px;
overflow: hidden; //隐藏
white-space: nowrap; //不换行
text-overflow: ellipsis; //超出部分省略号
}
7.限制高度,如果超过高度出现竖向滚动条
.divHeigthOver {
max-height: 400px;
overflow: auto;
white-space: nowrap;
text-overflow: ellipsis;
}
8.合并数组
guids.push.apply(guids, NewGuids)
9.筛选两个数组对象里不重复的数据
this.LabelsForm.lableList.filter((item) => !res.data.some((ele) => ele.key === item.key))
10.分页器 a-pagination 加跳转,总计数量记录,居右
class="table-pagination"
show-quick-jumper
:total="!data.length ? 0 : PageData.total"
:show-total="(total) => `共 ${total} 条记录`"
.table-pagination {
float: right;
bottom: 10px;
}
11.table 增加序号
<div slot="num" slot-scope="text, record, index">{{ (PageData.page - 1) * PageData.size + (index + 1) }}</div>
12.清空表单校验
this.$refs.ruleForm.resetFields()
13. 返回上级路由并关闭当前路由
this.$closePage(this.$route, '/config/resource/modelManagement')
14. 定义递归方法,接收一个数组
deepFilter(list, ModelList) {
// 使用 filter 过滤当前层的数组
return list.filter((item) => {
!ModelList.some((ele) => {
if (item.id === ele.id && ele.type != '-1') item.disabled = true
// filter 其实也是遍历
// 把当前遍历的节点的 children 也调用一次 deepFilter 函数,返回过滤后的数组重新赋值
item.subList = this.deepFilter(item.subList, ModelList)
})
// 最后判断当前节点是否符合过滤要求
if (!item.disabled) return item
})
},
15. 树形数据转为一维数组
getOneArrchildren(tree) {
var arr = []
const expanded = (datas) => {
if (datas && datas) {
datas.forEach((e) => {
arr.push(e)
expanded(e.children)
})
}
}
expanded(tree)
return arr
},
16.css 第一个元素
:first-child :nth-child(odd) 奇数 :nth-child(even) 偶数
17.forEach 跳出循环
function getItemById(arr, id) {
var item = null;
try {
arr.forEach(function (curItem, i) {
if (curItem.id == id) {
item = curItem;
throw Error();
}
})
} catch (e) {
}
return item;
}