关于vue+element-ui项目的分页，返回默认显示第一页的问题解决https://blog.csdn.net/StephenO_o/article/details/84234916 问题造成原因我们返回当前页面取得总条数totalNum的之前，element-ui的分页组件已经在页面加载完毕，当时的totalNum绑定的是data里面初始化的数据0，所以当总条数为0的时候，分页组件的页码默认为1。并且当totalNum在created生命周期里取得数据后，分页组件也不会刷新。所以这就导致， 页面内容正确，但是页...
About此项目是 vue2 + element-ui + axios 构建的后台管理系统，自适应多种屏幕大小，所有数据都是mock server处理的，所以只需下载即可运行，非常方便就可以替换自己的rest api接口。技术栈vue2 + vuex + vue-router + axios + element-ui + webpack + ES6/7 + sass开源地址点我 演示地址点我更多angular1/2/4、ionic1/2/3、react、vue、微信小程序、nodejs等技术文章、视频教程和开源项目，请关注微信公众号——全栈弄潮儿。原文...
饿了么的对话框 https://element.eleme.cn/#/zh-CN/component/dialog 思路：直接获得dialog，然后强制加height见如下代码：<el-dialogref="elDialog"title="提示":visible.sync="dialogVisible"width="30%":before-close="handleClose"><span>这是一段信息</span><span slot="footer"class="dialog-footer"><el-button @click="dialogVisible = false">取 消</el-button><el-button type="primary" @click="dialogVisible = false"...
el-table中可以在一行的某列进行筛选，代码如下： <el-table-column prop="classOfTest" class="test" label="测试类名" :filters="classList" filter-placement="bottom-start" width="300" column-key="testOfClass"></el-table-column>其中 filters 就是筛选列表，格式为 classList = [{text: ‘Test_配电箱自动识别‘, value: ‘Test_配电箱自动识别‘},{text: ‘Test_门自动识别‘, value: ‘Test_门自动识别‘},……]filter-...
前提： SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇（一）：搭建基本环境：https://www.cnblogs.com/l-y-h/p/12930895.html 一、定义公共组件页面 简单的页面效果如下所示：（做的比较粗糙，大致理解页面即可） 1、安装 element-ui（1）简介 一款 ui 框架。使用 element-ui 用于实现页面的绘制。【官网：】https://element.eleme.cn/#/zh-CN
【文档：】https://element.eleme.cn/#/zh-CN/component...
前言 常用的部署方式有两种：1.是把生成好的静态页面放到spring boot的static目录下，与打包后的spring boot项目一起发布，当spring boot运行起来后，自然而然就能访问到静态页面文件了。这种方法比较简单，适用于非常小型的系统。优点是：不需要复杂的配置。而缺点也很明显：需要两者一同发布。我在这里就不做赘述了。2.是通过http服务器发布，本文以nginx为例，重点介绍这种方式。 一、生成静态页面 运行npm run build 生成的页面...
项目搭建 + ??布局实现上篇对该项目做了个总述 :Vue + Element-ui实现后台管理系统(1) --- 总述这篇主要讲解 项目搭建 + 后台??布局实现 ：整体效果后台首页按布局一共包含3个部分: 1、左侧栏部分 2、头部部分 3、内容部分。说明 在整个后台管理系统中，左侧栏和头部部分是应该一直在页面中展示的，所以对于每个页面这两个组件都应该存在,而 内容部分 才是通过router的跳转而跳到不同的组件。下面先把整个项目搭建一下，然后再来...
在 webpack.config.js 中加入这个依赖{test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,loader: ‘file-loader‘
}
原文：https://www.cnblogs.com/carriezhao/p/11791204.html
1.table <el-tablekey="1"v-if="type===2"stripe:data="list"@cell-dblclick="celledit":header-cell-style="headerCellStyle"></el-table> @cell-dblclick="celledit"重要的这代码2。方法 celledit(row, column){if(row[column.property]){row[column.property].edit = true;setTimeout(() => {this.$refs[column.property].focus()}, 20);}},3. 一开始初始化数据 设置 可编辑为 falsethis.tableOne.forEach((item,index)=...
使用element-ui el-table 中有这样一个需求，需要将合计放在表格内容的第一行，并且点击合计可跳转到其它页面！框架中提供了合计的属性方法，这样可以进行数值求和及自定义求和，但是，合计那一栏不能添加点击跳转功能，结构默认排到最底行，不满足需求解决思路：1. 调节样式；
2. 将合计的数据单独计算出来/接口返回，添加到数组第一个位置，这样就可以很好的控制合计这一行了。summaryFun(){var obj = [“合计”，......]；this....
1、vue下input文本框获得光标html：<el-input size="mini" clearable v-model.trim="addOrEditData.gridCode" ref="inputGridCode"></el-input>js（在需要触发获取input光标方法加入下面js，如果需要再进入页面获得就获得光标则在vue钩子函数mounted加上下面代码：）:this.$refs.inputGridCode.focus();2、vue中input文本框内容选中方法一：html：<el-input size="mini" clearable v-model.trim="addOrEditData.gridCode" ref="inp...
// 注册一个全局自定义指令 `v-focus`Vue.directive(‘focus‘, function (el) {el.focus()})这样使我们在组件中可以自用的调用v-focus方法，给他绑定定义布尔变量来控制元素是否获得焦点但是这里要注意的是组件<el-input>本身在页面中渲染成了一个div元素所以我们要在<el-input>被绑定为v-focus的同时在自定义指令中获取组件下通过querySelector()方法获取input元素<el-input v-model.trim="searchFor" @blur="blurSearchFor"v-fo...
//首先以下仅是记录个人本次vue后台管理系统的登录界面部分操作的流程以及踩坑的注意点一、首先是搭建vue-cli工作环境 这里有两种方式：1.用npm；（在安装了vue，vue-cli以及webpack情况下，cd到要工作的区域，使用命令行vue init webpack（项目名称）然后开始搭建）； 2.用命令行使用vue ui进行操作，个人感觉对新手比较友好，因为相对于npm方式来说，用vue ui更可视化的搭建项目，下面是vue ui进去的界面；...
1.在src下面创建一个components文件夹里面创建HelloWorld.vue,像这样：创建后的页面： <template><el-row :span="24" class="login-bg"> <el-form label-position="left" label-width="0px" class="demo-ruleForm login-container"> <h3 class="title">学生成绩在线管理系统</h3> <el-form-item> <el-input type="text" v-model="username" placeholder="请输入登录账号"></el-input> //vue 的双向绑定 </el-form...
B站地址https://www.bilibili.com/video/av74592164?p=9
感谢老师精彩的讲解，让我受益匪浅。这个视频的系列缺少划分插槽的案例，所以略显繁琐登录页面后端传递一个token 传递给前端。
前端保持登录状态。cookie session 不存在跨域token 跨域token 原理客户端获得token之后存储，后续请求都携带token 。然后后端去校验就可以实现登录校验了git 创建分支git checkout -b login //login分支
git branch //查看所有分支login页面的搭...