##element-ui

element-ui的rules全局验证

rules.pngrules.jsvarQQV=(rule,value,callback)=>{debuggerif(value===''){callback(newError('输入QQ号'))}elseif(/^[1-9][0-9]{4,10}$/.test(value)){callback()}else{callback(newError('输入正确的QQ号'))}}//类似金钱,首位不为0
JennyGao66·2020-02-29 15:26

vue 多语言设置 + element ui 多语言设置

创建目录用于放多语言文件重要部分index.js、i18n.js语言文件CNS.js（中文）ENS.JS(英文)FNS.js(繁体)CNS.JS(中文)设置elementui中文引入importzhLocalefrom'element-ui
丶温瞳·2020-02-29 08:50

vue-cli中配置axios/element-ui/vant

一、axios1、安装axios在命令行中输入：npminstallaxios在package.json中查看是否安装成功2、配置axios在main.js中引入：importaxiosfrom'axios'Vue.prototype.$axios=axios;这样就完成了在vue-cli中的配置3、axios发送get/post请求mounted:function(){this.axios.ge
bbiu~biu~·2020-02-28 16:47

vue vue-router vuex element-ui axios的学习笔记（十四）商品详情页

思路1、写apiImage152.png2、写详情页组件和路由router---->index.jsImage153.pngproductcontent.vueImage154.png3、在productlist.vue把路由加上Image155.png4、mock.jsImage156.png5、详情页添加内容productcontent.vue{{$route.params.class}}{{
思吾谓何思·2020-02-28 11:59

Vue开源项目

1.仿外卖订餐:http://blog.csdn.net/u011537073/article/details/755293482.用vuejs2.0和element-ui搭建的后台管理界面http:/
四月天__·2020-02-28 09:56

基于Element的组件改造的树形选择器(树形下拉框)

前言：由于做项目需要一个树形选择器，项目用的也是element-ui框架，然而它自带的选择器组件没有树形选项，又不想引入其他的框架组件，于是自己利用el-select和el-tree改造了一个，感觉还挺好用的
蔚莱先森·2020-02-27 15:28

element-ui table行点击获取行索引（index）并利用索引更换行顺序

1)将每一行的索引插入操作行中，即为每一行数据添加一个属性index使用el-table已经给处的方法：tableRowClassNamehtml中：js中：只需放入methods中即可，el-table会自动触发(不知道为什么贴源码不行啊)点击进行事件操作：在el-table-column中加入slot,可以拿到当前点击列所属的行，并完成对其重新排列js中：到此这篇关于element-uitab
charlotteeeeeee·2020-02-27 09:15

vue-cropper 上传裁剪图片 配合element-ui

在main.jsimportVueCropperfrom'vue-cropper'Vue.use(VueCropper)创建cropper.vue组件左旋转右旋转放大缩小确认exportdefault{props:{//option:{//type:Object,//default:null//},show:{type:Boolean,default:false},imgUrl:{type:Str
andyzyqandyzyq·2020-02-25 21:54

基于vue开发的一款强大的表单设计器，支持element和antd-vue表单快速开发。

基于vue和element-ui实现的表单设计器，使用了最新的前端技术栈，内置了i18n国际化解决方案，支持生成element和antd-vue表单，让表单开发简单而高效。
wx5e551dec271a1·2020-02-25 21:52

vue element-ui 选择日期组件 将标准日期时间格式化(转)

element-ui日期返回的格式是这样的，看下图：但是我们需要的是这种格式:在此之前在我找了很多javascript原生方法，单由于较复杂，而弃用。
KoPa·2020-02-25 17:21

08 vue项目中加入element-ui显示表格

本节我们将通过easytable显示数据。1、前提约束完成nodejs，vue-cli，webpack，webpack-dev-server的安装https://www.jianshu.com/p/eb4d9e132f622、操作步骤使用脚手架创建一个vue项目模板并启动成功，假设项目名称为vue-elementhttps://www.jianshu.com/p/644eb12a8174下载ele
张力的程序园·2020-02-24 21:56

import 'element-ui/lib/theme-default/index.css'报错

跟着教程初始化Vue.js项目后，安装element-ui，导入element-ui在这步写完，npmrundev运行项目报错。
纪晓鱼·2020-02-24 18:32

element-ui 组件扩展 - 组合table 和 pagination组件

element-ui中table组件不带有分页，必须配合pagination组件来完成表格的分页功能，这对列表页面很多的系统来说，每次都需要定义分页组件相关的属性和事件，似乎做了很多重复的工作。
RudolphWang·2020-02-24 03:26

elementui的使用

elementUI的使用安装cnpminstallelement-ui-S引入importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk
Amy_yqh·2020-02-23 07:26

vue-cli3 webpack 打包优化实践总结

年前做过一个公司内部的后管平台，前端使用vue.js框架开发，基于vue-cli3脚手架构建项目，ui组件库使用Element-UI，其他组件还包括axios，echarts，vue-router，vuex
Hi川·2020-02-23 05:21

element-ui引入方式、自定义主题

1.element-ui组件引入方式：1）完整引入在main.js中写入以下内容：importVuefrom'vue';importElementUIfrom'element-ui';import'element-ui
忍不住的k·2020-02-22 22:34

2019-03-13 element-ui select下拉框默认值的问题(赋值出来是id而不是汉字)

关于elementselect框默认值赋值不成功问题，注意两点：1、v-model里面的数据和遍历出来value值数据类型不一样。（例：item.provinces类型是number，province类型是String。类型不一样导致赋值不成功）2、遍历数据和赋值的先后顺序，必须保证数据先遍历后赋值。注意注意注意：要为select设定默认值，只要把v-model绑定的值和你想要选中option的v
流泪手心_521·2020-02-22 16:14

Element-ui 中table 默认选中 toggleRowSelection

一.toggleRowSelection通过了解，结合vue的特殊属性ref引用到Dom元素上，再执行dom上的toggleRowSelection方法。toggleRowSelection(row,selected)接受两个参数，row传递被勾选行的数据，selected设置是否选中注意：调用toggleRowSelection这个方法需要获取真实dom所以需要注册ref来引用它二.操作(一).
李亚_45be·2020-02-21 20:41

Element-ui组件库Table表格导出Excel表格--存在重复数据问题-----建议前端不做导出逻辑，应该是后端做处理

借鉴：https://www.jianshu.com/p/1971fc5b97cahttps://blog.csdn.net/qq_40614207/article/details/94003793贴出代码//定义导出Excel表格事件exportExcel(){//解决生成重复数据-因为使用lfixed属性varfix=document.querySelector('.el-table__fix
小白咚·2020-02-20 14:00

Element ui的简单使用

npminstallelement-ui配置在main.js中配置importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css
何桂清·2020-02-20 09:35

解决Vue中element-ui不能监听input键盘事件的问题

【问题原因】查阅源码可见，element-ui是封装式的组件库。部分源码如下：只截取了开头的小部分代码，但也能看出这是个封装式组件，所以无法直接对其使用原生的键盘事件。
一只神奇的小绵羊·2020-02-20 08:17

Vue的好伙伴Element UI

今天我们来介绍一下element-ui。熟悉Vue的同学，相信对ElementUI应该不陌生，打开ElementUI的网站你会发现这么一句话：网站快速成型工具。
琅峰·2020-02-20 02:31

Element-UI ( Dropdow )下拉菜单组件command传输对象

通过:command绑定对象数据,handleCommand方法处理数据template{{item.infoType}}注册编号：{{item.content.rescueNum}}紧急阶段：{{item.content.phase}}降落机场：{{item.content.landingStation}}备降机场：{{item.content.alternateAirport}}最后联系时间：
Nayek·2020-02-19 15:00

element-ui 组件实现

collapase组件:地址：https://blog.csdn.net/zjy_android_blog/article/details/80919085el-card组件https://segmentfault.com/a/1190000012234747
gzhao01·2020-02-18 20:43

[vue]element-ui使用

element-ui使用创建项目vueinitwebpackhello-vuecdhello-vuenpminstallvue-router--save-devnpmielement-ui-S//element-uinpminstall
pinked·2020-02-18 12:00

SpringBoot+Vue2.x登陆功能

这篇文章只做总结，关于Vue的具体使用不涉及，因此你需要具备Vue的基础知识，使用Vue搭配Element-ui以及axios，看官方文档10分钟基本就能上手，学习成本很低。
tanoak·2020-02-18 11:26

element-ui页签改写：路由+缓存模式（keep-alive）

基于element-ui框架实现页签传送门：elment-ui页签：https://element.faas.ele.me/#...keep-alive：https://cn.vuejs.org/v2/
吼啾啾·2020-02-18 06:58

element-ui 组件 el-calendar 农历显示问题

一、官方文档：https://element.eleme.cn/#/zh-CN/component/calendar发现官方并无农历显示的介绍二、1.自己写阳历转阴历的方法或引入别人写好的JS文件，如中国农历（阴阳历）和西元阳历即公历互转JavaScript库2.如果是引入上面的JS文件，我把它放在src/utils/js文件夹下，即位置为src/utils/calendar.js，需要在cale
半城狂客·2020-02-17 12:00

element-ui 组件 el-calendar 农历显示问题

一、官方文档：https://element.eleme.cn/#/zh-CN/component/calendar发现官方并无农历显示的介绍二、1.自己写阳历转阴历的方法或引入别人写好的JS文件，如中国农历（阴阳历）和西元阳历即公历互转JavaScript库2.如果是引入上面的JS文件，我把它放在src/utils/js文件夹下，即位置为src/utils/calendar.js，需要在cale
半城狂客·2020-02-17 12:00

vue插件

目录element-ui插件jq+bs插件element-ui插件"""element-ui就类似于BootStrap框架，前者是在vue项目中运用，后者是在原生项目中运用，当然也可以在vue项目中运用环境搭建
辜老板·2020-02-17 10:00

利用CSS进行布局和第一天的TODO

原理较为简单，只需让html和body元素高度为100%即可html,body{height:100%;}使用element-ui中的el-col栅格时如何添加点击事件ClickMe!
Alander·2020-02-17 02:31

element-ui 组件的 table 复选框，翻页记忆功能

需求：1.表格多选2.支持翻页3.支持当前页全选效果如下：IMG.jpeg思路：1.将每页全部选中的数据存放到一个数组中2.将当前页码选中的数据存到一个数组中3.获取一个键值，标识当前行的唯一键的名称实现：1.初始化数据driver_id:[],multipleSelectionAll:[],//所有选中的数据包含跨页数据multipleSelection:[],//当前页选中的数据idKey:'
Vicky丶Amor·2020-02-17 00:55

element-ui使用el-input赋值、取值

场景：使用了el-input，出现无法赋值和取值的情况控件：给el-input赋值：$("#addressbaidu").val("abc");el-input取值：$("#addressbaidu").val()总结：可以理解为el-input已经将el-input封装成了input，所以可以直接把el-input当成input来使用错误示范：给el-input赋值：（错误示范）不需要加inpu
属七降九·2020-02-16 18:57

Vue 前后台交互，插件

目录Vuex插件前端存储数据汇总前后台交互方式（重点）axios插件同源策略-跨域问题前后台分离项目交互流程异步请求细节Element-ui插件jQ+Bs插件Django国际化配置总结Vuex插件Vuex
Santa-Claus·2020-02-16 11:00

Vue创建项目入门

Vue创建项目入门步骤修改main.js，引入axios和element-ui自己创建vue.config.jsnpmielement-ui-Snpmiaxios-Smain.jsimportVuefrom'vue'importAppfrom
魔有追求·2020-02-16 11:00

Nodejs+vue(express + Element-ui + mySQL)全栈——实现简单的博客文章管理后台

刚开始学习前端的时候，总觉得全栈离自己很远，梦想着有一天我也能自己写完整个项目。经过这段时间的学习，从慢慢接触到一点点深入，我发现在我眼里的全栈开发其实并没有那么复杂。这次我使用一个简单的demo作为例子，向大家简单介绍一下如何独自完成前端和后端。简单的博客文章管理后台：文章的增删改查，这里我们把新建文章作为一个view（相当于一个页面），删除和修改放到一个view，文章列表作为一个view，总共
冯风风·2020-02-16 01:00

http拦截

***http配置*///引入axios以及elementui中的loading和message组件importaxiosfrom'axios'import{Loading,Message}from'element-ui
言_3cfe·2020-02-15 09:00

element-ui源码学习 组件Layout布局

简介：通过基础的24分栏，迅速简便地创建布局。标签为el-col和el-row1、col源码路径：packages/col/我们先看看index.js，这个js主要引入src/col.js,将ElCol组件注册为一个全局插件。所以col的主要实现逻辑只需要看src/col.js。插件的相关知识传送门vue-插件//col.jsexportdefault{name:'ElCol',//父组件传入的值
林帅进来了·2020-02-15 00:53

vue 使用ElementUI

：如果在项目中安装不成功的话，就在外面随便那建个文件夹，在空文件夹里安装，最后再把它复制到node_modules就行了(2).在main.js中复制这三句话：importElementUIfrom'element-ui'import'element-ui
前端阿帆·2020-02-13 07:17

Element-UI的组件改造的树形选择器（树形下拉框）

importSelectTreefrom"../../components/treeSelect.vue";data(){return{isClearable:true,//可清空（可选）isAccordion:false,//可收起（可选）valueId:'0',//初始ID（可选）props:{//配置项（必选）value:'id',label:'title',children:'childr
boy_l·2020-02-13 00:13

element-ui 自定义主题工具

element-ui自定义主题工具一、安装elementUI及sass-loader,node-sass//安装element-ui$npmielement-ui-S//安装sass$npmisass-loadernode-sass-D
itxing·2020-02-12 17:22

[前端] VUE基础 (9) (element-ui、axios、vuex)

一、element-ui的使用官方网页：https://element.eleme.cn/#/zh-CN1.安装element-ui(venv)D:\pycharm_workspace\vue_learn
风间悠香·2020-02-12 16:00

Element UI

Element-UI（https://github.com/ElemeFE/element）是饿了么前端团队推出的一款基于Vue.js2.0的桌面端UI框架，手机端有对应框架是MintUI（https:
刘越姐姐啊·2020-02-12 09:52

element-ui 踩坑

dialog首次打开时，里面的ref或者是弹窗中el未加载取不到点击，将弹窗打开项设置为true之后，用document获取弹窗中的元素，或者是this.$refs是undefinedsetTimeout(()=>{},0)在里面写就可以获取到了，跟线程有关系，但是具体的解释我也不清楚form表单验证，当绑定为三级，比如form.a.b这样的时候，验证是无效的，只有一级和二级才可以这个情况下只有使
加加加加加加加一·2020-02-11 01:46

axios

1,对axios的封装第一步还是先下载axioscnpminstallaxios-S第二步建立一个http.jsimportaxiosfrom'axios';import{Message}from'element-ui
梦里coding·2020-02-10 02:48

vue element-ui动态生成table表头和数据

element-ui动态生成表头和数据；应用场景：由于业务需要根据后台返回的数据进行动态的生成表格（表头+数据）；1、template2、script//javascript//表头数据tableHead
小西瓜简书·2020-02-10 01:10

用vue写简单的登录注册总结

步骤一1.安装脚手架:npminstallvue-cli-g2.wepack生成html模版：vueinitwebpack'文件名'3.安装axios、js-cookie、element-ui、stylus
手瓜·2020-02-09 19:39

element-ui的侧目录页面刷新之后失去高亮显示的问题

如图：页面刷新之后高亮部分会恢复到第一个image.png页面结构：一个大页面其中嵌套的子页面思路：页面刷新的时候，window.location.href获取当前的路由地址，el-menu这个组件里面的default-active的属性值对应el-menu-item的index的值，所以可以每次获取的地址匹配到对应的default-active的值代码：created(){this.userNa
echo三文鱼·2020-02-09 19:34

2018-11-02 Element-UI的使用

非常好用，官网就有非常清楚的使用方法Element-UI官网不过今天遇到一个小问题，就是官网给的中文，不知道为什么到了我的项目就成了英文了，官网给的我的项目于是搜索资料发现，有一个element-ui的国际化使用
弥之怀旧·2020-02-08 19:44

element-ui 一系列 then, catch 事件转成 async await

//messageboxasyncopen(){constres=awaitthis.$confirm('此操作将永久删除该文件,是否继续?','提示').catch(_=>{console.log('已取消,结束')})if(res!=='confirm'){return}console.log(res,"已确认,可以next")}原文参见csdn
xcyzjs·2020-02-08 01:50
上一页 150 151 152 153 154 155 156 157 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他