随笔分类 -  Vue

VSCode TSlint + Prettier 实现代码的格式化
摘要：VSCode ：插件搜索TSLint 和Prettier 分别安装 1、在Vscode中的，【文件】-【首选项】-【设置】，进入settings.json文件 2、增加配置： { "editor.defaultFormatter": "esbenp.prettier-vscode", "[javas 阅读全文
posted @ 2020-10-28 16:00 a迪 阅读(1630) 评论(0) 推荐(1)
Element Table 合并列
摘要：<el-table :data="tableInfo.tableData" stripe height="calc(100% - 32px)" fit :span-method="rowspanMethod" :cell-style="cellstyle" @sort-change="sortcha 阅读全文
posted @ 2020-09-29 14:12 a迪 阅读(2895) 评论(0) 推荐(0)
element table设置了fixed固定列后，滚动条不能左右滚动bug
摘要：固定列覆盖了滚动条，所以不能滚动 .el-table--scrollable-x .el-table__body-wrapper { z-index: 1; } 阅读全文
posted @ 2020-08-15 14:15 a迪
JS List 分组函数
摘要：groupArr(list: Array<any>, field: string) { var fieldList: Set<string> = new Set(), att = []; list.map(e => { fieldList.add(e[field]); }); for (let it 阅读全文
posted @ 2020-07-27 19:27 a迪
transfer 增加拖拽排序组件封装
摘要：参考 https://www.cnblogs.com/zeng-zhi/p/12376573.html<template> <div class="demo"> <el-transfer v-model="value" filterable :data="data" target-order="pu 阅读全文
posted @ 2020-06-12 16:37 a迪 阅读(929) 评论(0) 推荐(0)
Vue的 transition在v-for的嵌套下怎么用
摘要：<template> <div> <div class="a" v-for="(item,index) in items"> <a @click="btn(index)" style="cursor: pointer" :key="1">点击</a> <transition name="slide- 阅读全文
posted @ 2020-03-14 20:37 a迪 阅读(1598) 评论(0) 推荐(0)
Vant的picker组件放在popup中，导致ref获取不到
摘要：情况：在设置picker的默认值时，需要使用$refs获取实例调用方法，但是一直不能获取到实列，而在弹出一次popup后就能获取到 原因：第一次页面加载时没有加载popup的dom，vant的Popup组件有个lazy-render属性用于控制是否在第一次加载popup的dom，默认时不加载 van 阅读全文
posted @ 2020-03-14 14:48 a迪 阅读(3567) 评论(0) 推荐(0)
Vuex 刷新后数据丢失问题 Typescript
摘要：问题描述：Vuex保存的数据在页面刷新后会全部丢失清除 问题解决方案：使用sessionstorage进行保存，在页面刷新时保存至sessionStorage,页面在加载时再进行填充 (另有vuex-persistedstate 插件可以解决这个问题，本人是使用typescript，使用‘vuex- 阅读全文
posted @ 2019-11-27 21:39 a迪 阅读(502) 评论(0) 推荐(0)
vue 百度云上传文件PostObject
摘要：百度云上传文件 API(PostObject) PostObject接口 ： 接口描述 此接口使用HTML表单上传文件到指定bucket，用于实现通过浏览器上传文件到bucket。在PutObject操作中通过HTTP请求头传递参数，在PostObject操作中使用消息实体中的表单域传递参数，其中消 阅读全文
posted @ 2019-11-19 20:29 a迪 阅读(1058) 评论(0) 推荐(0)
tslint 忽略格式检查
摘要：// tslint:disable——忽略该行以下所有代码出现的错误提示，可以在文件首行添加达到忽略整个文件的格式提示 // tslint:enable——当前ts文件重新启用tslint// tslint:disable-line——忽略当前行代码出现的错误提示// tslint:disable- 阅读全文
posted @ 2019-11-18 15:40 a迪 阅读(9885) 评论(0) 推荐(0)
ESlint 格式化代码 备忘
摘要：vscode 代码格式化配置 vscode 菜单 文件->首选项->设置 >进入扩展查找到ESlint,点击任一选项中的[在setting.json中配置]，复制以下代码 { "editor.tabSize": 2, "files.associations": { "*.vue": "vue" }, 阅读全文
posted @ 2019-08-03 16:21 a迪 阅读(520) 评论(0) 推荐(0)