组件
山海一哥
为者常成,行者常至
展开
-
可拖拽表格列组件(可以禁止拖动列如序号)
使用组件时需要安装sortablejs$ npm install sortablejs --save组件<template><el-table ref="dragTable" :data="tableData" class="drag-table" border stripe :row-key="uniqueKey" tooltip-effect="dark" height="100%" element-loading-text="拼命加载中" v-loading="loadin原创 2022-01-18 10:40:21 · 2182 阅读 · 1 评论 -
侧边栏组件(elementUI)
参考其他资料进行修改。hidden当菜单不出现在侧边栏时设置isNest是否嵌套,是的话里面的el-submenu不在生成图标,即只有最外层的才会生成。<template><div v-if="!item.hidden"> <template v-if="hasNoChild(item)"> <el-menu-item :index="item.menuUrl" :class="{'submenu-title-noDropdown':!isNes原创 2021-07-16 11:04:59 · 889 阅读 · 0 评论 -
文件上传组件(elementUI)
elementUI提供了长传的组件,然而项目中可能多次用到,每次都用官网的修改,过于繁琐,封装成组件。<template><el-upload class="upload-demo" :action="uploadPath" :headers="fileHeaders" :data='uploadData' :show-file-list="false" :accept="accept" :on-success="handleSuccess" :on-error="handleErro原创 2021-07-16 10:46:37 · 1390 阅读 · 0 评论 -
远程搜索组件(elementUI)
<template><el-select v-model="selectVal" filterable remote :placeholder="placeholder" :remote-method="remoteMethod" :loading="loading" :disabled="disabled" @focus="clearPreList" @change="selectChange"> <el-option v-for="item in list" :k原创 2021-07-16 10:24:25 · 715 阅读 · 0 评论