vue
九亿少女的梦❀
这个作者很懒,什么都没留下…
展开
-
Promise.all 发送多个请求
let _this = this; let api = []; for (var i = 0; i < 6; i++) { var digital = new URLSearchParams(); digital.append("wtId", this.fj); digital.append("recorddate", this.data_01); digital.append("type", (i + 1) ..原创 2021-06-02 15:04:04 · 102 阅读 · 0 评论 -
[{}] => [[]] 数组集合转换为数组数组
formatJson(headers,rows) { //headers 为所有的key[{}] row为{mobile:'33333',username:'zhangsan'} return rows.map(item =>){ return Object.keys(headers).map(key =>{ return item[headers[key]] }) }) }原创 2021-05-13 11:08:36 · 352 阅读 · 0 评论 -
2021-05-13
导出execl所需依赖按需加载 npm install xlsx file-saver -S npm install script-loader-S-D import('@/vendor/Export2Excel').then(excel =>{ excel.export_json_to_excel({ header:tHeader, //表头 data, //具体数据 filename:'excel-list', autowidth:true, bookTy...原创 2021-05-13 10:44:31 · 62 阅读 · 0 评论 -
数组替换key
const user = { '入职信息':'timeOfEntry', '手机号':'mobile', '姓名':'username' } var newAr = results.map(item =>{ //resulte是传入的数组 中文名对应的key value var uwerinfo = {} Object.keys(item).forEach(key =>{ userinfo[user[key]] = item[key]...原创 2021-05-13 10:31:07 · 258 阅读 · 0 评论 -
arguments
arguments是一个参数集合,里面可以是子组件传过来的参数,也可以是父组件自己的参数 调用el方法后直接打印就行原创 2021-05-12 16:59:59 · 82 阅读 · 0 评论 -
匿名插槽 格式化el表格格式
<el-table-column label="时间" prop="qqq"> <template v-solt="{ row }" //结构qqq里面的row {{row.time | formatDate}} //过滤器 过滤时间格式 </template> </>原创 2021-05-12 16:12:43 · 107 阅读 · 0 评论 -
注册过滤器(多个)
main.js 入口 import * as filters from '@/filter' Object.keys(filters).forEach(key =>{ Vue.filter(key,filters[key]) }) filter.js 里面是 export function 包裹定义的方法原创 2021-05-12 16:08:05 · 68 阅读 · 0 评论 -
全局注册
组件全局注册、 Components 目录下的index文件 具名插槽 import page from './page' export default{ install(Vue){ //vue main.js 自动调用 并传Vue实例对象 Vue.component('page',page) } } ...原创 2021-05-12 15:13:34 · 50 阅读 · 0 评论 -
父组件给子组件传参数
父组件给子组件传参数 子组件 <template> <div> <p>{{show}}</p> </div> </template> export default { props:{ show:{type :Boolean,default:false } } } 父组件 <div> <p><input type="text" v-model="show"/></p>..原创 2021-05-12 10:05:24 · 47 阅读 · 0 评论 -
子组件调用父组件控制弹窗子组件
子组件调用父组件控制弹窗子组件 父组件定义控制显示窗体变量 showDialog:false 新增弹层组件 <add-Dept :show-dialog="showDialog"> 子组件触发新增事件 if(type === 'add'){this.$emit('addDepts',this.treeNode)} 传出当前节点数据 父组件监听 <tre-tools slot-scope='obj' :tree-node='obj.data' @addDepts='addD.原创 2021-05-12 09:48:26 · 328 阅读 · 0 评论