![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
YoloAva
这个作者很懒,什么都没留下…
展开
-
Vue项目 我的课程页面—渲染课程列表 (父传子、el-tabs、封装分页器)
效果:utils > scroll-to.js (目的:重新请求数据时,自动滑动到顶部)Math.easeInOutQuad = function(t, b, c, d) { t /= d / 2 if (t < 1) { return c / 2 * t * t + b } t-- return -c / 2 * (t * (t - 2) - 1) + b}// requestAnimationFrame for Smart Animat..原创 2022-02-07 17:24:21 · 999 阅读 · 0 评论 -
Vue项目 提交登录表单1.0 正则 + token
<template> <div class="login_container"> <div class="login_box"> <!-- 头像区域 --> <div class="avatar_box"> <img src="@/assets/lanmao.png" alt="" /> </div> <!-- 登录表单区域 需要去plugi.原创 2022-01-31 10:08:58 · 544 阅读 · 0 评论 -
Vue + wangeditor 富文本提交图片文章
<!-- npm wangeditor --save --><template> <div> <div style="padding: 20px"> <el-button type="primary" @click="upText">提交</el-button> </div> {{ accountInfo.profile.name }} <div class="tit.原创 2022-01-04 17:16:37 · 401 阅读 · 0 评论 -
Vue + element-ui + echarts
<!-- --><template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> <el-breadcrumb-item>.原创 2021-12-27 16:39:02 · 554 阅读 · 0 评论 -
Vue + element-ui 实现table表格分页
<!-- --><template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> <el-breadcrumb-item>.原创 2021-12-27 12:52:19 · 306 阅读 · 0 评论 -
Vue + element-ui 上传、移除、预览图片
注意:每次上传图片,都需要为上传的UI组件手动指定headers请求头,同时在请求头对象中绑定authorization字段,因为上传组件并没有调用axios,所以我们需要手动指定headers去获取tokenadd.vue ><!-- --><template> <div> <!-- 面包屑导航区域 --> <!-- 卡片视图区域 --> <el-card> <!--.原创 2021-12-26 17:58:08 · 1095 阅读 · 0 评论 -
Vue 定义一个格式化时间的过滤器 在element-ui中使用
main.js >import Vue from 'vue'import App from './App.vue'import router from './router'import './plugins/element.js'//导入全局样式表import './assets/css/global.css'//导入字体图标import './assets/fonts/iconfont.css'import TreeTable from 'vue-table-with-tre.原创 2021-12-26 12:12:05 · 309 阅读 · 0 评论 -
Vue + Element-UI 后台管理系统两层for循环渲染左侧菜单
Home.vue<!-- --><template> <el-container class="home-container"> <!-- 头部 --> <el-header> <div> <img src="@/assets/lanmao.png" alt="" /> <span>某系统</span> </d原创 2021-12-21 18:14:51 · 758 阅读 · 0 评论