vue element 表格的动态增减表格行 html:12345678910111213141516171819202122232425<el-table size="mini" :data="eventSetings"> <el-table-column label="消费金额"> <template slot-scope=" vue2 > 拿来主义 #vue2 #vue #elementUI
vue elementUI封装的无限多级导航菜单(递归循环) 需要封装成两个文件: menu/index.vue 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970<template> <el-menu class=& vue2 > 拿来主义 #vue2 #elementUI #无限多级导航菜单
vue2 使用directives指令注册全局权限指令 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556import $store from '@/store'import { Notification } from 'element-ui vue2 > 拿来主义 #vue2 #指令
vue2 封装通用表格数据筛选的重置摁钮 放弃冗余代码吧,封装个混入 封装逻辑1234567891011121314151617181920// 重置表格筛选参数export const queryReset = { methods: { queryReset(form, method = "getData", fn) { if (!this[form]) { vue2 > 拿来主义 #vue2
vue 使用directives指令注册全局复制文本指令 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657//import $store from '@/store'import { Notification } from 'element-ui vue2 > 拿来主义 #vue2
vue2封装的el-cascader三级地址联级选择器组件[拿来即用] 组件:12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697<templat vue2 > 拿来主义 #vue2 #elementUI
vue注册全局复制文本的指令 12345678910111213141516171819// 复制文本copy(el) { el.onclick = function () { if (!el.innerText) return; let textarea = document.createElement("textarea"); textarea.readOnl vue2 > 拿来主义 #vue2 #vue
使用vue过滤器全局统一封装提取项目中数据字典对应的汉字 使用场景 项目中的下拉菜单太多 重点是返回的数据是对应的码,那么每个页面都要v-if 1234…写吗? 那太臃肿了,不如统一处理 解决方案那么我们可以封装个全局过滤器,用于灵活转数据字典的对应文字 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253/ vue2 > 拿来主义 #vue2 #过滤器
基于elementUI封装的表格分页一体组件【拿来即用】 内容说明 表格 表格左上角插槽 表格右上角插槽 分页 预设了导出、打印事件 拆箱即用123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828 vue2 > 拿来主义 #vue2 #elementUI
vue封装的通用五级地址联动选择器组件 [拿来即用] 数据来源:https://api.muxiaoguo.cn/doc/cityLinkage.htmlUI依赖:https://element.eleme.cn/#/zh-CN/component/selectCSS依赖:http://lesscss.cn/ 效果: 调用:组件源码在最下面 清除验证: 提交数据 得到的返回值: 组件配置说明: 属性 说明 必传 类型 默认 labelW vue2 > 拿来主义 #vue2