##element-ui

（实战项目篇）vue3.0系列（vue2.6-cli3.x） axio的封装和使用

request.jsimportaxiosfrom'axios'import{Loading,Message}from'element-ui';constloading={loadingInstance
2b勿扰·2020-08-09 04:07

vue常用插件

UI插件element-ui:pc端iview:pc端antd:pc端.顺便提一下antdesignpro,基于react的开箱即用的中台前端项目vux:移动端vant-ui:移动端mint-ui:移动端
高蛋白的大猪蹄子·2020-08-09 04:57

Vue中封装axios发送请求

importaxiosfrom'axios';import{Message}from'element-ui';axios.defaults.timeout=5000;axios.defaults.baseURL
Lewis丶轩·2020-08-09 04:19

vue-cli3.0用cdn引入element-ui

所以吧那些常用不会改变的采用cdn引入，减小包的体积，本例子使用的是vue-cli3.0，先在vue.config.js配置externalsconfig.externals={Vue:"Vue",Vuex:"Vuex","element-ui
不许动一二三·2020-08-09 03:47

element ui 饿了么UI中el-dialog样式修改问题

最近在使用element-ui时，使用到了弹窗组件：element-ui官网链接地址：element-ui官网链接地址类似于以下代码：这是一段信息取消确定我在使用过程中，发现弹窗行间样式不是我想要的，但是通过定义
yehaocheng520·2020-08-09 03:17

vue输入框回车页面刷新

问题描述：在vue项目开发时，运用element-ui或者iView组件的Form组件；当Form组件中只有一个Input组件时，鼠标聚焦输入框后，点击回车键，页面就会刷新。
雪梅零落·2020-08-09 03:25

从零开始做vue + element-UI 的后台（一）

1.当然最先开始就是搭框架就不自己手写了直接使用vue-cli3的框架在搭框架前首先看自己电脑上有没有安装node和npm（node需要8.9或者更高版本）搭框架开始①先检测电脑上有没有node和检测node版本node-v②开始安装vue-clinpminstall@vue/cli-g可以用vue-V来查看你安装的版本③vuecreatedemo创建vue项目demo是你的文件夹名执行上面操作后
会飞得猪·2020-08-09 02:49

Element-UI对上传文件的格式做限制

图片：//jpg、png格式accept=".jpg,.png"视频：//mp4、mov、avi格式accept=".mp4,.mov,.avi"文件：//ppt、word、pdf、excel、txt格式accept="application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml
花铛·2020-08-09 02:02

element-ui中的el-table-column加v-if不生效，表头错乱

项目中需要按照不同的媒体类型，展示不同的表头且数据字段也不同。可以增加不同key值解决v-if不生效问题。{{scope.row.sitename}}
杨哥杨哥万万岁·2020-08-09 02:24

获取element-ui的dialog中元素为null的问题

在打开弹窗的时候操作DOM，发现获取DOM为null问题如上图所示，在打开弹窗的时候，需要给按钮添加监听事件，上传文件代码如下getFileMD5(){constel=document.getElementById("upload-file");constbmf=newBMF();el.addEventListener("change",e=>{constfile=e.target.files[0
梦里谁知身是客·2020-08-09 02:01

vue element-ui 第一次打开Dialog 对话框无法加载内容的问题

vueelement-ui第一次打开Dialog对话框无法显示内容第二次正常显示问题描述：今天需要使用Dialog弹框中加载video视频显示，问题如下第一次点击弹框可以正常显示但是内容不加载报错第二次可以正常显示内容也加载问题原因：出现这个问题的原因是js加载了但是Dialog的dom并没有加载完全导致js报错所以不加载查看官方文档解释如下：Dialog的内容是懒渲染的，即在第一次被打开之前，传
晒黑的假小白·2020-08-09 02:47

vue按需引入element的message之后，页面刷新之后会提示一个空的消息框

message，但是发现常规引入的话，刷新页面会出现空白的消息提示，于是…当当当import{Dialog,Pagination,Message,Cascader,Footer,Button}from'element-ui
喜欢这种平淡的生活�·2020-08-09 02:35

vue axios使用delete方法传参

方法，接下来就来记录下用delete方法遇到的坑1.封装axiosimportVuefrom'vue'importaxiosfrom'axios'import{Message,Loading}from'element-ui'importCookiesfrom'js-cookie'importrouterfrom
喜欢这种平淡的生活�·2020-08-09 02:35

element-ui中el-upload多文件一次性上传

项目需求是多个文件上传，在一次请求中完成，而ElementUI的上传组件是每个文件发一次上传请求，因此我们借助FormData的格式向后台传文件组html代码：选取文件上传到服务器只能上传xlsx文件，且不超过100m修改:auto-upload="false"属性为false，阻止组件的自动上传:http-request="uploadFile"覆盖上传事件@click=“submitUploa
leo_neverGivpUp·2020-08-09 02:50

elementui使用

安装：npmielement-ui-s下载最新资源下载相关文件vue和element使用快速上手1在mian.ts中引入相关elementimportElementUIfrom'element-ui';
菠菜盼娣·2020-08-09 01:38

vue中element-ui新增/更新弹框复用，在close时表单重置失败

问题描述：在el-dialog的close关闭事件中，使用了element-ui中表单重置方法this.
在奔跑中寻找·2020-08-09 01:35

vue中如何封装axios

importaxiosfrom'axios'import{Message}from'element-ui'importstorefrom'@/store'import{getToken}from'@/utils
wang 木木·2020-08-09 01:22

element-ui 文件上传类型及大小限制

选取文件只能上传pdf文件，且不超过50M//文件handleChange(file,fileList){constisLt5M=file.size/1024/1024<50if(!isLt5M){this.$message.error('上传文件大小不能超过50MB')file=nullfileList=[]this.$refs.upload.clearFiles()//清除前端显示的文件列表}
非常厉害的巨兔·2020-08-09 01:45

Element-UI中table的样式设置

项目中使用到element-ui组件库，这里简单整理下常用的操作，如果有类似的功能可以做一个参考具体的方法建议阅读官网-table章节：https://element.eleme.cn/#/zh-CN/
学web的碎碎·2020-08-09 01:27

解决element-ui对话框el-dialog初始化的校验问题

不刷新页面重新打开el-dialog时，如果我们绑定了rules或者某个值需要required，它总会自动校验。查看了多个博文，发现常用的有两种解决方法(下列方法都可以在其他博文查看，不再细写，如有需要请自行查询)：1.给dialog套上v-if；2.在关闭dialog时,监听关闭回调,清除校验。我在自己的项目里使用了上述两种方法，都不太好用，自己琢磨出了另一种方法：调用dialog打开的回调me
TVM·2020-08-09 01:22

踩坑：Element-ui中el-dialog组件显示时有蒙层（遮罩层）怎么破？

下面是整个组件的代码：图片上传、预览、删除，组件方法可以直接去Element-ui官方文档查看。
椰卤工程师·2020-08-09 01:54

vue中引入使用Element-UI以及一些插件库的使用

引入Element-ui的方法在main.js中通过import导入importElementUIfrom'element-ui'//引入elementUIimport'element-ui/lib/theme-chalk
周金鱼啊·2020-08-09 01:47

vue中使用element-ui dialog(多个公用)

vue中使用element-uidialog(新增和编辑公用)html内容增加确定取消//列表编辑删除js内容data(){return{//dialog弹框名称titleName:{add:'新增',edit:'编辑'},dialogStatus:''},methods:{creatBusinCent(){//创建this.dialogFormVisible=truethis.dialogSta
weixin_40780972·2020-08-09 01:15

在Vue中快速使用ElementUI

IDEA打开Termianl，在Vue项目中使用npm安装1.安装：npminstallelement-ui-S2.引入：（1）整体引入在项目的main.js中写入：importElementUIfrom'element-ui'import'element-ui
蔡蔡蔡蔡姬丶·2020-08-09 01:05

vue element-ui Radio单选框组件默认值选不中的原因：混用字符串和数字

先贴灵感来源：element-uiRadio单选框组件默认值选不中？总结：:label=“1”，表示label的值为数字1，即期待数据值为数字label=“1”，表示label的值为字符串1，即期待的数据值为字符串1**问题描述：**在写编辑信息弹窗时，性别的值一直不能根据v-model的值选中，但是用{{editForm.sex}}是能正确打印出单选框的label值的。以下是我的代码：模板：男女
闭曈彤·2020-08-09 01:59

element-ui 的Dialog被蒙板遮住原因及解决办法

用element-ui时遇到一个问题，弹出的dialog本来应该在半透明蒙板上层显示，但不知怎么跑到了蒙板下面，被遮住了。
weixin_34239592·2020-08-09 00:02

element-ui滚动条组件

Element的滚动条组件el-scrollbar在使用ElementUI框架的时候，发现它的官网左侧栏的滚动条不是系统自带的滚动条，查了一下源码发现，还真是有实现了滚动条的功能；Element的滚动条还挺好看的，简洁不突出。示例如下：
weixin_34209851·2020-08-09 00:50

实现element-ui对话框可拖拽功能

element-ui对话框可拖拽及边界处理应业务需求，需要实现对话框可拖拽问题，应element-ui没有提供官方支持，于是便参考大神的文章，得出了适合业务需要的解决方案。
njit_peiyuan·2020-08-09 00:05

element-ui dialog组件添加可拖拽位置 可拖拽宽高

最近公司新加需求,实现弹窗可拖拽,还要拖拽宽高变化.国际惯例先上图:edge浏览器下作的gifhttp://www.lanourteam.com/%E6...有几个点需要注意一下每个弹窗都要有唯一dom可操作指令可以做到拖拽时要添加可拖拽区块header由于element-uidialog组件在设计时宽度用了百分比,这里不同浏览器有兼容性问题实现拖拽宽高时获取边缘问题div定位设置模拟边缘dial
weixin_33866037·2020-08-09 00:46

结合element-ui 的el-upload组件支持分片上传

el-upload-piecessgithub地址结合elemenet-ui支持分片上传暂时不支持安装的方式，主要是提供思路,可以复制代码去使用(代码逻辑还可以继续优化)代码核心在utils.uploadByPieces函数readFileMD5读取文件的md5constreadFileMD5=(files)=>{//读取每个文件的md5files.map((file,index)=>{letfi
weixin_33817333·2020-08-09 00:34

基于vue的滚动条组件之----element隐藏组件滚动条scrollbar使用

element-ui隐藏组件scrollbar的使用1将会出现滚动的内容放到上述标签内就可以了。这里要简单的设置一下，将标签的height设为100%，查看效果的时候，会出现一个横
weixin_30654583·2020-08-08 23:48

element-ui 可拖拽对话框dialog

importVuefrom'vue';//v-dialogDrag:弹窗拖拽属性Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl=el.querySelector('.el-dialog__header');constdragDom=el.querySelector('.el-dialog
weixin_30613433·2020-08-08 23:35

element-ui日期选择器限制选择范围

只能选当日或之前的日期//页面中的//放在data中的pickerBeginDateBefore:{disabledDate:time=>{let_now=Date.now();returntime.getTime()>_now;}},选时间段之间的范围至//data中的pickerBeginDateBefore:{disabledDate:time=>{letbeginDateVal=this.
webfullstack·2020-08-08 23:01

2019年前端知识体系

ReactJS:https://react.docschina.org/angularJS:https://angularjs.org/Jquery:https://jquery.com/2.UI框架Element-ui
写代码的小小张·2020-08-08 22:53

一招快速在vue中使用element-ui隐藏组件Scrollbar

我们这里不仅介绍elementui的隐藏组件Scrollbar，还要介绍另一种简单的方式使用这种好看的滚动条前言：第一种呢：这是一个饿了么开发的vue前端框架elementui里面的一个隐藏组件，也就是说在elementui官方文档中没有的组件，但是我们在想使用滚动条的时候发现window的默认滚动条真的好丑，但是element官网里面的组件介绍里面页面的滚动条很好看，鼠标悬浮的时候，出现滚动条，
清风问水·2020-08-08 22:55

element-ui的表单验证规则validate踩坑

element-ui的表单验证规则踩坑validate对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段。
topreventalife·2020-08-08 22:00

avue的使用

avue的使用最近做的项目中接触到了一个新的框架感觉很好用所以推荐给大家~~【简介】Avue.js是基于现有的element-ui库进行的二次封装，简化一些繁琐的操作，核心理念为数据驱动视图,主要的组件库针对
starzhou·2020-08-08 21:33

实现在vue中element-ui的el-dialog弹框拖拽

1、在utils中新建directives.js文件importVuefrom'vue'//v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl=el.querySelector('.el-dialog__header')constdragDom=el.que
阿伦gh·2020-08-08 21:22

使用element-ui的弹出窗口时，由于滚动条造成的页面闪动问题

问题：在使用element-ui的el-dialog时，由于遮罩层的出现，导致页面的滚动条隐藏，从而使页面出现闪动的效果。
日落KK·2020-08-08 20:15

Vue：Element-UI 弹出窗口el-dialog使用iframe加载外部页面内容

想要实现如下效果在页面中点击链接，弹出窗口，窗口中加载指定的页面内容1.vue文件内容html部分的代码主要链接取消确定js部分的代码exportdefault{name:"indexJK",data(){return{name:"indexJK",dialogVisible:false,//弹出框};},methods:{test(){this.dialogVisible=true;}}};2.
奋斗鱼·2020-08-08 20:49

element-ui的el-form验证和el-dialog关闭时清除验证

在这里插入代码片//关闭弹窗closeDialog(formRule){this.$refs[formRule].resetFields()},
qq_45284875·2020-08-08 20:04

avue-cli

avue-cli是一款基于avue和element-ui完全开源、免费的企业后端产品前端集成解决方案，采用最新的前端技术栈,多终端适配，已经准备好了大部分的项目准备工作，你可以快速进行二次开发https
王君在上·2020-08-08 20:02

element 的el-dialog 浮层嵌套，第二次弹出的会被遮住

困扰了很久的一个问题，就是用element-ui的浮层组件进行浮层嵌套时候，当子浮层关闭时，父级浮层上面会有一层灰色遮罩层当关闭子级浮层后，父级浮层上面会有一层灰色蒙层解决方式：父级浮层设置:modal-append-to-body
海盗强·2020-08-08 19:40

element-ui dialog组件bug 解决

我也是醉了...bugcode取消删除确定一顿百度之后....取消删除确定为什么还会有这种选项？谁家dialog内容在遮罩下面？
liaohui5·2020-08-08 19:09

element-ui树形控件后台返回的数据 + 生成组织树的工具类

开发项目的时候遇到需要在表单中选择参会人员，根据不同部门下选择不同的人，在element-ui中有树形控件能满足这种情况，后台封装数据记录一下。
人生长恨水·2020-08-08 19:02

【积累】Element-ui，el-dialog里面嵌入el-form，resetFields失效问题

记一次element-ui，el-dialog里面嵌入el-form，使用resetFields方法初始化表单失效，问题记录：前提：当el-form在一个el-dialog中，dialog显示与否绑定变量
城不李志。·2020-08-08 19:00

element-ui el-autocomplete怎么使用以及怎么控制只能输入数字

el-autocomplete实现的效果是输入内容下面给提示.然后选择一条就填写到了相应的位置{{item.mobile}}，{{item.username}}，{{item.grades}}exportdefault{data(){return{addSFormmobile:"",};},methods:{querySearch(query,cb){if(query==''){returncb(
夏天想·2020-08-08 19:25

element-ui dialog组件添加可拖拽位置 可拖拽宽高

有几个点需要注意一下每个弹窗都要有唯一dom可操作指令可以做到拖拽时要添加可拖拽区块header由于element-uidialog组件在设计时宽度用了百分比,这里不同浏览器有兼容性问题实现拖拽宽高时获取边缘问题div定位设置模拟边缘dialog组件的其它属性这里就不写了.项目中的指令都定义directives.js中集中管理,全局注册.directives.js:importVuefrom'vu
极品三三·2020-08-08 19:19

vue+element 下载or批量下载.mp3文件

FormItem,Row,Col,Button,Loading,Pagination,Table,TableColumn,Select,Option,Card,Input,DatePicker}from'element-ui
刘白超·2020-08-08 19:10

实现element-ui中dialog的拖拽

原文地址https://blog.csdn.net/sinat_21902709/article/details/86545444前言：原文中还有放大缩小的功能，有兴趣的可以去看一下效果图：1、utils文件夹下创建dialog.js文件importVuefrom'vue'//v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,
人工智能_AI·2020-08-08 18:35
上一页 110 111 112 113 114 115 116 117 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他