element
文章平均质量分 89
Eliano
这个作者很懒,什么都没留下…
展开
-
表格封装-某列可加链接、某列根据状态码变色
表格封装-某列可加链接、某列根据状态码变色<template> <div> <el-table stripe :header-cell-style="{background: '#EDF1F5'}" :data='tableData' @selection-change="handleSelectionChange" > <!--多选列--> <el-tab原创 2021-07-26 17:58:55 · 154 阅读 · 0 评论 -
element-ui 如何把表格的操作封装成可配置项来使用
效果如下:表格的操作列变成可配置项给每个操作列按钮添加方法,加图标,可以根据状态控制按钮的显示、隐藏1、新建一个table.vue组件请参考 element el-table的封装以及使用<template> <div> <el-table :data='tableData'> <!--多选列--> ...原创 2020-01-21 11:02:12 · 829 阅读 · 0 评论 -
vue tags-input组件封装
1、新建一个tagsInput.vue组件代码如下:<template> <div class="tags_input"> <el-tag v-for="(tag,index) in list" :key="index" closable :di...原创 2020-01-21 10:31:30 · 2569 阅读 · 5 评论 -
element el-table的封装以及使用
1、封装table.vue组件<template> <div> <el-table :data='tableData'> <!--多选列--> <el-table-column v-if='selectionShow' ...原创 2020-01-17 15:01:27 · 2955 阅读 · 1 评论 -
element-ui table 表格组件实现可拖拽效果(行、列)
效果如下:1、首先,需要执行npm install sortablejs --save-dev 安装sortable.js2、在页面内引入<template> <div style="width:800px"> <el-table :data="tableData" border row-key="id" a...转载 2019-04-30 10:59:48 · 29800 阅读 · 20 评论 -
element-ui table 表格组件实现剪切列效果
效果如下:操作后效果:1、HTML代码:<template> <div class="conter"> <!-- 筛选列选项 --> <div class="filter-container"> <el-checkbox-group v-model="formThead"> ...原创 2019-04-30 11:15:36 · 3362 阅读 · 10 评论