1、效果图 2、代码<template>
<div style=" overflow: hidden;">
<el-row>
<el-col :span="18" :offset="3">
<div
转载
2024-10-11 15:45:25
99阅读
文章目录1、引言2、整体布局3 、主页3.1 实现基本的主页布局3.2 美化主页的header区域3.3 实现导航菜单的基本结构3.4 通过axios拦截器添加token验证3.5 解决每次只能打开一个菜单项和边框问题3.7 实现首页路由的重定向3.8 实现侧边栏路由链接的改造5、结束语 1、引言这是一个用于交流学习的后台管理系统，会陆续的更新开发进度，欢迎关注！2、整体布局3 、主页3.1 实
转载
2024-06-14 07:24:52
83阅读
嗨害嗨，我又来了奥。今天呢，遇到有人问了一个这样的问题，就是如果在elementui中，表格里的文字设置指定行溢出显示省略号，并且鼠标放上去能看到全部的文字，该怎么做。首先，我们知道elementui中，有个组件叫'el-table'，就是表格组件，网页链接：el-table组件。这个可以让我们更方便的写表格，下面的el-table-column表示表格的列，有很多属性，例如:props,labe
转载
2024-06-29 11:36:14
83阅读
# 实现jquery ui li的步骤
## 流程图
```mermaid
flowchart TD
A[开始] --> B(导入jquery和jquery ui库)
B --> C(创建一个无序列表)
C --> D(初始化无序列表为jquery ui的sortable组件)
D --> E(定义列表项样式)
E --> F(定义列表项拖拽时的样式)
原创
2023-10-11 05:23:30
45阅读
一个又好了，下面进行第三个，doublePicker。打开doubleView.xib，向里面拖入一个UIPickerView和一个Button，还需要调整其大小为411，这5个view都需要调整其大小，因为状态栏和标签栏占去了一些空间。开始定义变量和方法了，打开doublePicker.h，修改代码为：#import <UIKit/UIKit.h>
#define first 0/
关于element-ui表格使用的一些方法最近在用Vue.js和elment-ui做一个后台管理项目,不得不说element功能非常强大,提供了许多组件,基本可以满足一些基础的开发了.因为我做的后台系统,里面表格用到比较多,但是其实我也只是一个刚入行不久的菜鸟,只看官方文档,开发起来还是有难度.不过经过不停的测试以及查阅资料,还是勉强实现了效果,这里就把一些方法分享出来,
转载
2024-05-18 06:52:45
115阅读
ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网：http://element-cn.eleme.io/#/zh-CN注1：类似前端框架还有iview 案例：<!DOCTYPE
转载
2024-04-18 10:18:39
95阅读
Layout Element 布局元素包括7个属性，其中前6个属性是每个布局元素自身大小信息的设定，一般用于布局控制器对其进行大小和位置的设定。 1.布局涉及两个核心要件，包括布局控制器（La
转载
2024-07-30 19:47:31
48阅读
历时2周左右，我终于完成了我的毕业项目。虽说页面不是特别美观，但是对于一个后四、总结 一、页面展示登录界面管理界面数据操作二、代码展示登录页代码<templa
转载
2024-04-17 16:59:33
92阅读
简介
element-
ui是一个
ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的
ui框架。Layout布局（el-row、el-col）
element-
ui借用了bootstrap框架的思想，使用了栅格布局。它把单一的分栏分为24列。基本的使用方式如下<el-row>
<el-col :span="6"><div class="
转载
2024-03-28 12:41:54
704阅读
目录前言一、检查项目开发环境二、搭建项目1.安装vue-cli2.创建vue项目总结前言随着框架的流行，越来越多的开发者喜欢用框架开发项目，以vue、react等居主流，国内比较常用的就是vue进行项目的搭建，本系列文章主要使用vue+webpack进行项目的搭建，其中使用了elementUI进行了扩展，增加到后台系统的布局和路由相关知识，有兴趣就往下看吧~一、检查项目开发环境搭建项目前，我们要检
转载
2024-05-08 16:58:32
66阅读
插槽---可以理解成占位符。方便组件功能的扩展。 一个 slot 标签就是一个插槽，如果没有内容传入，则显示 slot 标签原有的内容，如果有内容插入，则显示插入的内容。vue的插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。匿名插槽（slot 不带 name 属性），看下面例子：先在main.js定义一个组件my_slot:Vue.com
转载
2024-03-16 12:00:26
746阅读
今天将介绍的是, 如果页面需要在后台执行很长时间怎么办, 通过 ResponseProgress由于精力有限, 不能在多个博客中保证文章的同步, 可在如下地址查看最新内容, 请谅解:http://code.google.com/p/zsharedcode/wiki/ResponseProgress请到 Download 下载资源 的 JQueryElement 示例下载一节下载示例代码, 目录 /
转载
2024-08-01 13:41:57
82阅读
1.开发需求在日常开发中，我们会遇到form表单的动态添加和校验，当我们需要在动态添加的内容中再次动态使用输入框的时候，就会变得很繁琐，我在网上找了很多案例，没有符合自己需求的内容，只好闲暇时间自己搞一下了...比如一下操作，在一个输入框中输入多个批号，然后提示多个批号有逗号分开。这种操作让用户操作起来就很不方便然后我就想到了，在element中，有一个动态添加tag的案例，于是就想着使用这个方式
转载
2024-07-25 21:29:29
582阅读
Vue-elementUI实现PC端商城购物车计算Vue-elementUI实现PC端商城购物车计算，最重要的就是【computed】里面的计算，用来算出勾选的商品的总价 文章目录Vue-elementUI实现PC端商城购物车计算前言一、实现效果二、使用步骤1.数据结构部分2.HTML部分3.部分CSS样式4.JS中的data5.JS中的method6.JS中的computed（计算最终勾选的价格
转载
2024-03-25 14:18:08
93阅读
一、问题使用ElementUI后，相关图标出不来；在项目中部分页面的css中使用了backgroud-image:url(xxx/xxx.jpg)，在生产环境中不显示；ElementUI体积过大，导致Webpack打包后的js有1M多；二、目标找出原因，解决该bug；找到替代方案，方便兼容几种类型的图片加载；ElementUI改成按需加载；三、方案在DEV模式下，访问项目，发现会报："failed
转载
2024-03-21 14:48:49
41阅读
参考：https://www.jb51.net/article/147917.htm思路一、多选框勾选，出现对应的tag:1.利用watch监听多选框绑定的值A(数组)的变化；2.根据A的变化,循环拿到勾选多选框的id对应的name，将id以及对应的name组成新的对象数组；3.将上一步得到的对象数组，去重(产品要求，出现的tag里不能有重复的)得到结果B；4.将B赋值给tags，循环展示出来；二
转载
2024-04-17 09:12:52
36阅读
文章目录项目部署视频一、Bug修改和插件安装二、调试1、Debug启动项目三、用户密码加密四、接入Swagger接口文档1、什么是Swagger？1.1、Swagger介绍1.2、使用Swagger的好处2、项目中如何载入Swagger？3、如何使用Swagger？3.1、接口归类3.2、接口方法4、配置Swagger 一、Bug修改和插件安装经过前面的代码接口测试，基本的功能都可以实现了，但是
转载
2024-04-17 11:16:48
50阅读
Alert 警告用于页面中展示重要的提示信息。基本用法页面中的非浮层元素，不会自动消失。<template>
<el-alert
title="成功提示的文案"
type="success">
</el-alert>
<el-alert
title="消息提示的文案"
type="info">
<
转载
2024-03-28 09:34:00
262阅读
文章目录前言实现思路效果：使用：gitee案例源码：table-sticky.js 主要源码：回复评论切换tab，表头错位的问题end 前言看了很多案例，从简单的角度，position:sticky，似乎是比较理想的选择，可是当el-table设置了fixed后，这里的fixed会失效。最后还是采用了js监听滚动的思路实现。实现思路获取表格距离顶部的距离设置表格距离顶部多少就吸顶—offsetTo
转载
2024-05-08 08:10:07
215阅读
