![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue+element
石金豆
大前端
展开
-
vue表格实现前端分页
前端分页的基本思想就是,后端接口全部返回list数据信息,由前端根据页数和每页条数截取数组,达到分页的目的;//1.table的data截取:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"//2.total的值是后端返回的list的长度:total="tableData.length"demo:(根据自己的需求改吧改吧就行)<template> <div>原创 2021-09-15 16:04:51 · 1771 阅读 · 5 评论 -
vue项目全屏插件vue-screen
分享一个vue项目中的全屏插件,先上插件地址:https://mirari.cc/2017/08/14/%E5%85%A8%E5%B1%8F%E5%88%87%E6%8D%A2%E7%BB%84%E4%BB%B6vue-fullscreen/具体使用方法:1.安装依赖:npm install vue-fullscreen --save2.全局引入并使用:(main.js里面)import fullscreen from 'vue-fullscreen'Vue.use(fullscre原创 2021-02-20 10:23:21 · 1213 阅读 · 0 评论 -
vue中使用图片放大预览插件v-viewer
vue的图片放大预览功能插件官网:https://github.com/mirari/v-viewer展示效果:vue中使用方法:1.安装插件依赖:npm install v-viewer --save2.全局引入:import Vue from 'vue';import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({ Options: {原创 2021-02-19 15:35:47 · 2171 阅读 · 2 评论 -
vue项目中axios拦截器的使用
废话不说,直接上代码,拿走直接使用,需要什么再根据需要添加什么就行。(应该不用解释,代码里都有注释)// 引入axiosimport axios from 'axios'import { Message } from 'element-ui'import md5 from 'js-md5';/** * (暂时加入'x-org-id':123,'x-project-id':123,'x-tenant-id':123,) */export const getAdminInfo = () =原创 2020-10-30 10:57:32 · 515 阅读 · 0 评论 -
Tip分享:vue实现md5加密大写;解析地址栏参数;
一.vue实现md5加密大写自定义utils文件夹下的index.js文件 npm install --save js-md5 安装md5,然后main.js引入importmd5from'js-md5';Vue.prototype.$md5=md5; js文件导出方法 import md5 from 'js-md5';//md5加密大写字符串export function getMD5Screct (sign) { let screct = md5(sign) ...原创 2020-10-30 10:51:19 · 1117 阅读 · 0 评论 -
vue输入框字数限制,动态显示字数
vue实时限制字数输入:<divclass="rejectedPoPMain"><divclass="rejectedPoPMainCenter"><divclass="instructionsLeft">说明:</div><divclass="instructionsRight"><el-input...原创 2020-08-28 11:48:45 · 3114 阅读 · 0 评论 -
记录几个github开源vue+element项目半成品
一款基于 ElementUI 二次开发的后台开源项目:https://github.com/PanJiaChen/vue-element-admin 基于 Vue + Element UI 的后台管理系统解决方案:https://github.com/lin-xin/vue-manage-system 基于 Vue2.0 + vuex + ElementUI 后台管理系统:https://github.com/wdlhao/vue2-element-touzi-admin...原创 2020-08-27 14:17:05 · 1614 阅读 · 0 评论 -
vue+element以base64的方式上传文件
最近在做一个element的upload以base64的方式实现文件上传,就需要前端处理上传文件的file文件流。接下来记录处理过程,仅供参考!1.使用element的upload组件,选择你需要的组件就行 <!-- 上传照片 --> <div class="uploadPhotoBox"> <el-upload style="height:126px;width:9原创 2020-05-18 15:11:26 · 2515 阅读 · 1 评论