vue+element-UI

css命名规范之BEM简单介绍

table_header_wraper.tableHeaderWrapper公司的项目使用了vue+element-ui，在查看element-ui组件的样式表时，我发现这样命名方式
捡到一只蝉·2020-02-02 00:56

vue+element-ui +axios+less+webpack 实现登录退出功能

先来看效果登录退出功能依赖数据库后台的一些配置，这里只是使用vue来实现这个功能1：首先使用vue脚手架可视化图形界面，搭建vue项目项目搭建完毕2：开启数据库，并且将数据导入数据库3：开启服务器，这里是node写的服务器下面开始写登录退出功能界面的绘制登录重置界面的绘制主要使用elementui来绘制，这里用到了表单组件，所以在element.js里面需要导入组件import{Form}form
推开世界的门·2020-01-06 17:18

vue+element-ui实现可折叠的树形表格

先看看效果图：一，首先创建一个公共的文件夹treeTable,里边放一个index.vue和eval.js先看看index.vue，原理就是在element-ui的基础上做了进一步改造。//利用element-ui的属性，在插入多级表格{{scope.$index}}{{scope.row[column.value]}}importtreeToArrayfrom'./eval'exportdefa
<_/>·2020-01-02 09:00

Element-UI中Select选择器详解

image前言最近开发的后台管理系统项目采用Vue+Element-UI技术架构，在使用Elment-UI中Select组件的时候遇到了比较多的操作难题，官网上关于这个组件的使用文档介绍的不是很详细，仅仅提供了一些基本用法
视觉派Pie·2019-12-16 15:11

基于 vue2 构建和后台真实交互的 管理系统

关于此项目是vue+element-ui构建的后台管理系统，是后台项目node-elm的管理系统，所有的数据都是从服务器实时获取的真实数据，具有真实的注册、登陆、管理数据、权限验证等功能。
苍都·2019-11-30 22:27

Vue+Element-UI 上传图片，打开相机，相册

Vue+Element-UI上传图片，打开相机，相册Element-UI中提供的Upload组件，是用来上传文件用的，并没有单独的纯用来上传图片的组件，所以，在部分浏览器(手机)中，打开后会发现是文件列表
LitongZero·2019-11-24 20:33

vue+element-ui 自定义表单验证

vue密码、手机号、用户名输入验证1、表单中设置propref和:rules（详情见element-ui官网）用来设置验证规则,如下：2、在data中写下具体规则，element-ui中的功能不太齐全，需要自定义，主要看怎么去实现自定义规则，先写rule代码代码中的validator:validUsername、validator:validatePass都是属于自定义的规则，validUsern
IT尘土·2019-11-08 09:00

全栈软技能之:那些短平快的实战方法

1.界面:vue+element-ui你还在学JSP、jinja吗？别浪费时间了。那些技术应用面太窄了。直接上vue，用学后端模板语言的时间差不多够学vue了。
穿靴子的outman·2019-11-01 21:00

ElementUI列表无数据提示问题

背景：VUE+Element-UI需求：列表无数据时的显示如下图1.png由于列表的列数过长导致有横向滚动条出现，希望暂无数据以及这个img能够显示在滚动条与表头之间。
彩云Coding·2019-11-01 14:53

vue+element-ui 封装table表格

封装table页面(转载==在转载的基础上增加分页){{scope.row[column.prop]}}_x.show===true).length>0">{{btn.label}}{{btn.label}}-->import{mapGetters}from'vuex';exportdefault{props:{list:{type:Array,default:[]},//数据列表columns:
李芦儿·2019-10-28 14:26

Vue+Element-UI前端起步

文章环境1.安装node.jshttps://blog.csdn.net/antma/article/details/861040682.编译器：本文使用webstorm正文新建一个空项目在项目文件夹上右键，OpeninTerminal执行>npminstall--globalvue-cli安装vue-cli(以后可以跳过这个步骤)执行>vueinitwebpackwebapp（输入名称，描述，作
来晚了的没有名字·2019-10-15 10:31

vue封装轮播组件1.0版本

最近项目用到了轮播，vue+element-ui是一个很好的组合，当然了，element-ui也是有轮播组件的，不过个人感觉自己封装一个轮播，功能样式比较自己可控，主要思路就是图片轮播都是可以自己配置的
三哥玩前端·2019-10-15 09:46

vue+element-ui表格的增删改，行的上移下移，指定位置添加行

前几天写了一个小功能，也说不上是功能，就是对表格的一些操作，只是之前没有写过所以记录下来，如果能帮助到别人就更好啦！首先，表格的插入，编辑，删除指定行，批量删除。插入：每个表格都有一个数据源，这个数据源是你自己定的一个数组，插入就是往这个数组里面push一条数据。编辑：表格一般是展示数据的，编辑的话就是我的表格里面是套的input框，所以是可以编辑的。删除：批量删除和删除指定行，删除指定行就是获取
better20·2019-10-09 17:00

vue+element-ui 身份证验证（获取出生日期，籍贯、年龄、性别）

基于vue.js和element-ui的validate验证实现html代码 js代码data(){return{baseFormRules:{idCardNo:[{required:true,message:'身份证号不能为空',trigger:'blur'},{validator:this.validID,trigger:'blur'}],},baseInfo:{},area:{11:"北京"
stefanieliang·2019-09-27 12:10

使用 keep-alive 的 include 和 exclude 无效的一点注意

最近在使用vue+element-UI开发的后台管理项目中，优化keep-alive的使用方式时遇到了一些问题优化前使用的if判断来控制页面是否可以缓存，这样做页面切换的动画效果不是太理想优化想使用include
yhb_flydream·2019-09-27 12:28

Element-UI中Select选择器详解

前言最近开发的后台管理系统项目采用Vue+Element-UI技术架构，在使用Elment-UI中Select组件的时候遇到了比较多的操作难题，官网上关于这个组件的使用文档介绍的不是很详细，仅仅提供了一些基本用法
视觉派Pie·2019-09-10 00:00

vue+element-ui el-dialog嵌套table组件，ref问题,toggleRowSelection的undefined

项目需求，返回数据的时候，el-dialog弹窗里面的table组件需要设置默认选中。要设置选中，则要调用table组件默认的toggleRowSelection(row,true)方法，true默认选中。问题：el-diaglog组件里面的table组件时自定义的组件。这时候要设置默认选中1、在v-table组件里面设置selectCheck方法。exportdefault{name:'v-ta
LLL_LH·2019-09-05 16:18

vue element-ui table 表格默认选中

需求：页面初始化时，根据后台返回的数据选中表格项目环境：vue+element-ui最终页面效果如下：image.png1.我使用的是element-ui表格中的多选表格样式https://element.eleme.cn
web28·2019-08-28 18:03

vue+Element-ui项目中抽离分页组件（包括前端分页和服务器端分页两种）

在components文件夹中新建分页组件Pagination.vue，代码如下总共{{currtotal}}条记录，每页显示{{currpageSize}}条exportdefault{data(){return{currpageIndex:1,//当前页数currpageSize:this.pagesize,//每页显示条数currservicePage:this.options.servic
乔巴巴·2019-08-23 00:00

vue+element-ui之 el-table组件中