VUE基础
文章平均质量分 74
VUE基础
z千鑫
我叫z.千鑫
展开
-
FLASK+VUE--前后端分离(五)- VUE测试/线上/开发环境地址配置+拦截器+全局导航守卫+基础配置+获取设置Cookie/session等系列
FLASK+VUE–前后端分离(一)- Flask基础讲解之路由、视图函数及代码实现FLASK+VUE–前后端分离(二)- VUE基础安装及项目的简易介绍FLASK+VUE–前后端分离(三)- VUE+Element-UI搭建登陆页面且能够正常登陆FLASK+VUE–前后端分离(四)- VUE+Element-UI简单搭建主页布局一、VUE测试线上环境地址配置1、创建目录:view文件夹–> config文件夹 --> 创建axios.js文件(配置环境切换)在项目根目录下创建 .原创 2021-12-14 10:06:40 · 4363 阅读 · 0 评论 -
FLASK+VUE--前后端分离(四)- VUE+Element-UI简单搭建主页布局
FLASK+VUE–前后端分离(一)- Flask基础讲解之路由、视图函数及代码实现FLASK+VUE–前后端分离(二)- VUE基础安装及项目的简易介绍FLASK+VUE–前后端分离(三)- VUE+Element-UI搭建登陆页面且能够正常登陆回顾:上一章节我们分享到登陆成功后跳转到home页面,该章节延续上一章节,我们针对home面进行简单的布局。一、home主页布局1、主页的布局-目录创建:(1)el-container:外层容器。当子元素中包含 或 时,全部子元素会垂直上下排列,原创 2021-12-13 19:01:50 · 3589 阅读 · 0 评论 -
VUE--简易的css样式合集
一、css样式常用合集/* 宽度 */width: 450px;/* 高度 */height: 300px;/* 字体颜色 */color:red;/* 封面背景色 */background: #fff;/* 属性定位(与下方top和left是组合使用)position位置:absolute全部 */position: absolute;/* 属性定位,顶部占比 */top: 50%;/* 属性定位,左侧占比 */left: 50%;/* 有的时候两个按钮排列在一起,此原创 2021-12-07 19:24:45 · 4321 阅读 · 0 评论 -
FLASK+VUE--前后端分离(三)- VUE+Element-UI搭建登陆页面且能够正常登陆
上一章节文档链接:FLASK+VUE–前后端分离(二)- VUE基础安装及项目的简易介绍一、基本库的介绍及安装(一)、在VUE项目内引用Element-UI及配置Element-UI简介:Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。Element-UI官网:https://element.eleme.cn/#/zh-CN/component/installation1、在Vscode安装Element-UI的依赖包原创 2021-11-25 21:51:15 · 10102 阅读 · 17 评论 -
FLASK+VUE--前后端分离(二)- VUE基础安装及项目的简易介绍
上一章节文档链接:FLASK+VUE–前后端分离(一)- Flask基础讲解之路由、视图函数及代码实现一、VUE安装-前置条件1、下载Node.js访问Node.js官网下载符合当前项目的安装包:https://nodejs.org/en/#downloadNode解释:简单的说 Node.js 就是运行在服务端的 JavaScript。它是一个基于Chrome JavaScript 运行时建立的一个平台。Npm解释:Npm是随同NodeJS一起安装的包管理工具。安装完成在终端输入两条命令,确原创 2021-11-24 21:30:11 · 5560 阅读 · 0 评论 -
FLASK+VUE--前后端分离(一)- Flask基础讲解之路由、视图函数----注册登录代码实现
一、Flask简易介绍1、Flask是目前十分流行的web框架,它是一个轻量级的可定制框架,使用Python语言编写,较其他同类型框架更为灵活、轻便、安全且容易上手。2、微框架中的“微”是指Flask旨在保持代码简洁且易于扩展。3、框架的简易理解及区别:目前Python的web框架有很多。除了Flask,还有django等等django是目前Python的框架中使用度最高的,但是Django如同java大多数被用于大型网站的开发。Flask但对于大多数的小型网站的开发Flask就可以满足,和其他原创 2021-11-22 22:08:29 · 20144 阅读 · 3 评论 -
VUE--Element-UI组件库Table表格导出Excel文件
1.npm导入包npm install --save xlsx file-saver2.给el-table标签添加id<el-table :data="tableData" border id="out-table" >3.引用包// 引入导出Excel表格依赖import FileSaver from "file-saver";import XLSX from "xlsx";4.添加导出按钮<button @click="exportExcel">点击导出&原创 2021-10-21 21:12:32 · 1351 阅读 · 0 评论 -
VUE--Element-UI在table表格中渲染图片、获取动态表格title和内容
动态表格title及内容<el-card> <el-row> </el-col> <el-table style="width: 100%" border :data="tableData"> <template v-for="(item,index) in tableHead"> <el-table-column :prop="item.column_name" :label="item.原创 2021-10-20 09:50:44 · 6866 阅读 · 0 评论