美酒没故事
  • 分类
  • 标签
  • 关于我
  • 开源项目
    vue2开发模板 uniapp开发模板
vue element 表格的动态增减表格行

vue element 表格的动态增减表格行

html:12345678910111213141516171819202122232425<el-table size="mini" :data="eventSetings"> <el-table-column label="消费金额"> <template slot-scope="
vue2 > 拿来主义
#vue2 #vue #elementUI
vue elementUI封装的无限多级导航菜单(递归循环)

vue elementUI封装的无限多级导航菜单(递归循环)

需要封装成两个文件: menu/index.vue 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970<template> <el-menu class=&
vue2 > 拿来主义
#vue2 #elementUI #无限多级导航菜单
vue2 使用directives指令注册全局权限指令

vue2 使用directives指令注册全局权限指令

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556import $store from '@/store'import { Notification } from 'element-ui
vue2 > 拿来主义
#vue2 #指令
vue2 封装通用表格数据筛选的重置摁钮

vue2 封装通用表格数据筛选的重置摁钮

放弃冗余代码吧,封装个混入 封装逻辑1234567891011121314151617181920// 重置表格筛选参数export const queryReset = { methods: { queryReset(form, method = "getData", fn) { if (!this[form]) {
vue2 > 拿来主义
#vue2
vue 使用directives指令注册全局复制文本指令

vue 使用directives指令注册全局复制文本指令

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657//import $store from '@/store'import { Notification } from 'element-ui
vue2 > 拿来主义
#vue2
vue2封装的el-cascader三级地址联级选择器组件[拿来即用]

vue2封装的el-cascader三级地址联级选择器组件[拿来即用]

组件:12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697<templat
vue2 > 拿来主义
#vue2 #elementUI
vue注册全局复制文本的指令

vue注册全局复制文本的指令

12345678910111213141516171819// 复制文本copy(el) { el.onclick = function () { if (!el.innerText) return; let textarea = document.createElement("textarea"); textarea.readOnl
vue2 > 拿来主义
#vue2 #vue
使用vue过滤器全局统一封装提取项目中数据字典对应的汉字

使用vue过滤器全局统一封装提取项目中数据字典对应的汉字

使用场景 项目中的下拉菜单太多 重点是返回的数据是对应的码,那么每个页面都要v-if 1234…写吗? 那太臃肿了,不如统一处理 解决方案那么我们可以封装个全局过滤器,用于灵活转数据字典的对应文字 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253/
vue2 > 拿来主义
#vue2 #过滤器
基于elementUI封装的表格分页一体组件【拿来即用】

基于elementUI封装的表格分页一体组件【拿来即用】

内容说明 表格 表格左上角插槽 表格右上角插槽 分页 预设了导出、打印事件 拆箱即用123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828
vue2 > 拿来主义
#vue2 #elementUI
vue封装的通用五级地址联动选择器组件 [拿来即用]

vue封装的通用五级地址联动选择器组件 [拿来即用]

数据来源:https://api.muxiaoguo.cn/doc/cityLinkage.htmlUI依赖:https://element.eleme.cn/#/zh-CN/component/selectCSS依赖:http://lesscss.cn/ 效果: 调用:组件源码在最下面 清除验证: 提交数据 得到的返回值: 组件配置说明: 属性 说明 必传 类型 默认 labelW
vue2 > 拿来主义
#vue2
1…1819202122…31

搜索

quanyi hexo