【vue笔记记录】

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;
}