![](https://img-blog.csdnimg.cn/43660465a3974408a8fa543c13813f5c.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端基础
文章平均质量分 58
HTML JS CSS
兀坐晴窗独饮茶
我的个人博客 http://knightzz.cn/
展开
-
Element UI 系列 - 表单标签和输入框对齐以及修改输入框长度
前言elementui 文档中如何使表单的标签和输入框分别对齐类似于这样的效果, 虽然 Elementui官方文档写的有, 但是因为我不经常写前端, 每次都会忘记, 这里记录下官方文档https://element.eleme.cn/#/zh-CN/component/form如上图, 主要是通过修改 label-postion 对齐, 另外 label-width 是修改左侧标签的宽度, 如果宽度过小的话会导致标签编程两行输入框长度修改输入框长度主要使用的是 ::v-deep 这个指原创 2022-03-28 15:24:19 · 17862 阅读 · 0 评论 -
从零开始学习Vue - ElementUI自定义文件上传请求
1. 参考文档element-ui上传组件,通过自定义请求上传文件2. 自定义上传步骤自定义上传思路很简单, 我们自己封装文件对象以及需要携带的参数2.1 封装api我们自己封装请求的api, 不使用 elementui 自带的 actionimport api from '@/utils/api'export function excelUpload(formData) { return api({ url: 'excel/upload', method:原创 2022-02-17 13:23:44 · 1039 阅读 · 0 评论 -
Vue Bug 记录日志 - 上传组件 before-upload返回false自动调用before-remove on-remove钩子问题解决方法
1. 介绍说一个不算bug的bug, 就是我使用 elementui 的上传组件上传文件的时候,当 before-upload 返回false时 ,会自动调用 before-remove on-remove钩子, 官方文档似乎并没有写, 还是说我没找到, 反正我是没在官方文档中找到, 很坑爹2.解决办法解决办法很简单, 就是在 before-remove on-remove 方法里判断下文件上传的状态文件状态有三种 : 未上传的是 ready, 上传成功是 success, 失败时 fail原创 2022-02-14 18:08:59 · 859 阅读 · 0 评论 -
从零开始学习echarts - vue项目中使用echarts、ehcart地图绘制
1. 基础入门1.1. Vue项目引入Echarts1.1.1 安装 mockjsnpm install mockjs1.1.2 安装 echartsnpm install echarts --save1.1.3 Vue引入echarts在 src 目录下创建 plugins 目录, 然后创建 echarts-plugin.js 文件// 引入 echarts 核心模块,核心模块提供了 echarts 使用必须要的接口。import * as echarts from 'echar原创 2022-02-10 14:24:49 · 1625 阅读 · 0 评论 -
从零开始学习Vue - json-server 入门基础
1. json-server 入门基础1.1 安装 json-server参考文档 :json-server 详解json-server官方文档执行 npm install -g json-server 安装 json-server注意: json-server 是严格遵守 restful 规范的1.2 使用 json-server创建 db.json 文件{ "user": [ { "id": 1, "title": "json-serv原创 2022-02-06 10:40:26 · 842 阅读 · 0 评论 -
从零开始开发权限管理系统 - 基于vue-admin-template搭建基础框架
1. 项目准备1.1 项目介绍本项目是基于vue-admin-template开发的权限管理脚手架项目 github地址 : rights-manager-front1.2 模板下载下载 vue-admin-templategit clone https://github.com/PanJiaChen/vue-admin-template.git下载完成以后改成自己项目的名字在项目目录下执行npm install1.3 删除多余代码1.3.1 删除多余的组件删除原创 2022-01-29 22:46:07 · 1933 阅读 · 0 评论 -
从零开始学习Vue - vue项目命名规范
1. 命名规范Component所有的Component文件都是以大写开头 (PascalCase),这也是官方所 推荐的。但除了 index.vue。例子:@/src/components/BackToTop/index.vue@/src/components/Charts/Line.vue@/src/views/example/components/Button.vueJS 文件所有的.js文件都遵循横线连接 (kebab-case)。例子:@/src/utils/open-原创 2022-01-28 22:00:02 · 1548 阅读 · 0 评论 -
Mock | MockJS 的安装以及基本语法
MockJS 的入门以及安装1. 安装 NodeJS// 创建 Mock 目录,先安装 node 下的 mock.js; npm install mockjs 2. 运行官网示例代码创建一个 js 文件,键入官网示例代码: //引入 mock.js,相当于 src=mock.jsconst Mock = require('mockjs');const data = Mock.mock({ // 属性 list 的值是一个数组,其中含有 1 到 10 个元素 '原创 2021-03-27 21:36:52 · 1837 阅读 · 0 评论