##element-ui

Vue Element-ui 第一次点击打开el-dialog获取不到元素的解决办法

第一次点击弹窗按钮，获取弹窗中的元素。打开弹窗获取元素为空，要第二次才能获取。如下为解决方法：一、setTimeOut(fn,0)methods:{btnMethods(){vueObject.moreDialog=true;//获取元素console.log('外：'+$('ulli').length);setTimeout(function(){//获取元素console.log("内："+$
既来安之·2020-08-08 17:24

Element-ui table中过滤条件变更表格内容

组件中：编辑{{scope.row.status|formatStatus}}js中：filters:{formatStatus:function(val){console.log(val)returnval==1?'上架':val==2?'下架':'未知';},},methods:{//性别显示转换formatSex:function(row,column){returnrow.sex==1?'
你蠢哭我咯·2020-08-08 17:21

element-ui使用心得

使用上传组件+axios上传excel文档配置不自动上传点击上传提交添加文件改变事情，当文件改变时将文件封装成数组fileChange:function(file){this.excelData.file.push(file.raw)}判断上传类型是否为xlsx,封装formData对象,使用axios的create方法组装头部submitUploadExcel:function(formName
灬最好的我·2020-08-08 17:44

element-ui 封装dialog组件

            thisisadialog         exportdefault{    data(){      return{        visible:this.show      };    },    props:{      show:{        type:Boolean,        default:false      }    },    watch:{
liyuling52011·2020-08-08 17:02

element-UI级联选择器(Cascader)获取label值 ，this.$refs['新组件名'].currentLabels 在2.7版本给移除了，新的解决方法。

效果图预览：代码参考如下：constthsAreaCode=''//拼接三级联动地址代码//三级地址选择handleAddressFun:function(e,form,thsAreaCode){//thsAreaCode=this.form.areaCode//注意1：获取value值thsAreaCode=this.$refs['cascaderAddr'].currentLabels//注意
new-lijiabin·2020-08-08 17:05

Element-UI Popconfirm组件调用事件

今天更新了项目中的elementui到2.13.0的版本了，发现多了一个很漂亮的Popconfirm组件，但是使用上出现了一个问题，那就是代码按照API实现了，但是却找不到可以实现相应的事件函数：点击好的并没有什么事件，一开始想到将@click放到里面的button上，发现也不行，于是网上搜了下源码才找到解决办法：在Popconfirm标签中添加@onConfirm="“或者@onCancel=”
建行一世·2020-08-08 16:11

element-ui 两层dialog，第二层dialog里面的el-select下拉选项被遮盖住了

element-ui两层dialog，第二层dialog里面的el-select下拉选项被遮盖住了问题描述：在同一个页面内，弹出两个dialog，第二个dialog在第一个dialog上方。
jingzhuo3185·2020-08-08 16:40

vue项目常用插件的引入方法

/assets/font/iconfont.css'3、element-uinpminstallelement-ui-SimportElementUIfrom'element-ui';import'element-ui
double-shuang·2020-08-08 16:00

Element ui入门

完整引入importVuefrom'vue';importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';importAppfrom
黄宝康·2020-08-08 16:03

element-ui中的el-dialog关于slot懒加载的问题

问题描述由于使用的是dialog的slot，需要在dialog显示一个table但是在IE11上遇到了一个问题在第一次打开的时候，table的宽度并不能正确的获取正常：问题分析element-ui设计是比较趋于完善的了
SF_Rex·2020-08-08 15:06

aVue与Vue

aVue是结合了Vue和Element-ui的一个框架，具有了更强的封装性，从发送请求来说就比Vue发送请求看起来复杂了很多。
白百柏在帝都·2020-08-08 15:56

element-UI select 踩过的坑和解决办法

今天遇到了一个bug,就是在使用element-UI的select框时，当选中值，会触发@change事件，下拉框消失，但是这时候select框还是处于获取焦点状态。
dongji1937·2020-08-08 15:15

利用RecordRTC支持web端录制屏幕（vue写法）

完整代码如下：button使用了element-ui;demo地址：https://blog.goonxh.com/demo/screenRecordstartrecordingstoprecordingimportRecordRTCfrom'recordrtc
blueXh·2020-08-08 14:20

vuePC项目踩坑记录

本文档用于记录vue相关PC端遇到的一些问题记录，方面团队成员共享一、element-ui踩坑记录：1、el-carousel使用el-carousel幻灯片时，动态设置轮播时间interval。
ankuaji8631·2020-08-08 14:41

使用 element-ui 的 el-progress 写的进度条

exportdefault{data(){return{progressNum:10,startTimer:'',endTimer:''}},props:{progressStatus:{type:Boolean,default(){returnfalse}}},watch:{progressStatus(val){if(val){this.endProgress()}}},methods:{st
-Dayer-·2020-08-08 13:31

Electron-Vue项目使用Element的el-table组件不显示

electron分为两个工程文件夹的形式融合为了一个electron-vue工程文件，因为有很大的改动，特别是环境和相关配置方面与原先的工程有很大的不同，随之而来就有很多坑，这篇文章要将的就是今天碰到的element-UI
竹谷子·2020-08-08 12:50

vue搭配Avue的使用方法

elementUInpmielement-ui-S//因为Avue是基于elementUI二次开发的所以必须要引入elementUI才可以在main.js中引入importElementUIfrom'element-ui
nana娜娜·2020-08-08 11:44

Vue+element-ui实现大文件分片上传，可控制同时上传的并发数

用过element-ui中Upload上传组件的都知道，他不支持文件分片上传，如果有文件分片的上传的需求时，只能去安装其他的上传组件，如vue-simple-uploader，webuploader等，
一只前端汪·2020-08-08 11:04

Element学习使用

按钮组件常用商品区域布局商品分类布局下拉框引入:npm方式:npmielement-ui-S或:cnpminstallelement-ui--save要先整合cnpm在项目中引入:1.main.jsimport'element-ui
weixin_30764137·2020-08-08 11:40

使用 element-ui 隐藏组件 el-scrollbar 美化滚动条

嘻嘻，抽空出个教程，这个我也是看别人的文章学来的哈哈拿element-ui官网的这个container布局容器做例子吧，当我们展开所有条目的时候，右侧就会出现浏览器自带的滚动条，而且这个滚动条还会把左边的上下箭头挤过去
陈仙生·2020-08-08 11:56

vue element-ui 第一次打开无法获取dialog里的元素 Dialog 对话框 open Dialog 打开的回调

Dialog的内容是懒渲染的，即在第一次被打开之前，传入的默认slot不会被渲染到DOM上。因此，如果需要执行DOM操作，或通过ref获取相应组件，请在open事件回调中进行。最近才接触到vue和element.ui，发现element.ui里的dialog有一个问题不知道该怎么解决。1、例如我在dialog里写了一个表单组件，给表单组件设置了ref为form,在打开dialog的时候需要对里面的
new-lijiabin·2020-08-08 11:20

关于在Element-UI的dialog对话框中点击选中导致对话框闪烁的问题

问题描述：在dialog中使用select选择器和radio单选框点击导致对话框闪烁，为什么会出现这种情况呢？我们先来看下解决方法！解决方法：1.在对话框中添加backface-visibility属性—意为旋转元素不面向屏幕时隐藏.el-dialog{backface-visibility:hidden;-webkit-backface-visibility:hidden;/*Chrome和Sa
爱吃肉的茂茂·2020-08-08 10:13

element-ui对话框组件Dialog在回调事件opened获取组件滚动条scrollTop的问题

今天使用element中的Dialog组件时发现一个问题：当Dialog内容过多时会出现滚动条，而当你滚动到一定位置后关闭Dialog，然后再次打开时滚动条仍然保持在上一次关闭前的位置而没有回到顶部。通常遇到这样的问题解决方法就是在某个钩子事件中将组件的scrollTop值重新设为0，在element2.4.8的文档中，Dialog组件提供的事件一共有四个：open、opened、close、cl
atjw25188·2020-08-08 10:09

Vue（五）- element ui库安装和使用过程中遇到的坑

1.安装和引入npmielement-ui–S//vue_demo\src\main.js中引入文件importElementUIfrom'element-ui';import'element-ui/lib
sunny_jiangsu·2020-08-08 00:49

vue 使用element-ui实现table表单列展示与隐藏

详细代码：github上查看方式查看窗口在公司做vue动态设置element中table表单列的展示方式，点击复选框选中时，表单对应的显示，补选中时，隐藏，因为在网上找相关案例，没有一个比较合适的解决方法，所以自己按照自己的方法去实现此相关功能，希望对大家有帮助。页面table表单对应的展示与隐藏首次默认把需要展示的数据保存到浏览器的localstroang中页面加载localstroang保存的
zxmin1302·2020-08-07 23:44

element-ui的输入框总结

1.使用搜索框的坑querySearch(queryString,cb){letlikeThis=this;letareaKey={"Condition":{"LBLongitude":"","LBLatitude":"","RTLongitude":"","RTLatitude":"","ParentId":"","Key":this.addForm.controlArea},"Page":1,
zhumengzj·2020-08-07 23:34

element-ui 动态的生成select的v-model

****{{attrItm.entrAttrNm}}****
宇智波幽助·2020-08-07 22:52

vue路由守卫 拦截登录权限

/router'import{getCookie}from'@/utils/cookie'import{Message}from'element-ui'router.beforeEach((to,from
派大星1·2020-08-07 22:41

编辑画面，element-ui的单选框组选中值以及画面选择样式无法切换，但是绑定的v-model值已发生变化

今天碰到了一个特别奇葩的问题，使用element-ui的单选框组做选择，在新增的情况下，也就是form表单绑定的对象为空时，画面可以正常操作取出来的值也没有问题，但是在编辑的情况下，也就是form表单绑定的对象为前一画面选择的数据时
前端开发二月半·2020-08-07 22:41

在vs code 学习下载与使用element-ui

参考：https://blog.csdn.net/firestarwolf/article/details/87813507?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogComm
xw_09·2020-08-07 22:19

解决Element-UI v-for中修改item属性值后页面页面值不改变的问题。

解决element-uiv-for中修改item属性值后页面页面值不改变的问题。写好的elementUIselect选择器发现选择到值，但是页面不改变添加change方法方法如下change(){this.$forceUpdate();}vm.$forceUpdate(),官方给出的解释是迫使Vue实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。
「已注销」·2020-08-07 21:32

路由守卫 登录

/store'importaxiosfrom'axios'importElementUifrom'element-ui'importRouterfrom"vue-router";//关键的核心是这个
隔壁老洋·2020-08-07 21:46

关于vue和element-ui的问题汇总

1.router的配置：importplat_listfrom'../views/developer/list'constlist=[{path:'/developer/plat_list',component:plat_list},]exportdefaultlist//给当前模块使用export{list}//给portal使用2.vue页面：2.1关于button样式的绑定2.2点击事件是否
Mr_WanYoung·2020-08-07 21:29

element-UI tree树形控件 修改小三角图标

el-tree默认样式可以看到有下级没展开是▸有下级展开了是▾没有下级的前面什么符号也没有。更改成自定义样式因为是vue的内写CSS样式，所以需要添加/deep/进行穿透.el-tree/deep/.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(0deg);transform:rotate(0deg);}//有子节点且未展开
why-lost·2020-08-07 21:24

element-ui 主题换色

效果图：1.主题文件文件2.准备引入的文件utils下的index.js->替换classexportfunctiontoggleClass(element,className){if(!element||!className){return}element.className=className;}store下的index.js->importVuefrom'vue'importVuexfrom
凉红茶·2020-08-07 20:33

Vue+axios（interceptors） 实现http拦截 + router路由拦截 (双拦截)+ 请求自带loading效果

/router'import{Loading}from'element-ui'importPro
Shuah153·2020-08-07 20:16

Element-ui框架checkbox复选框回显

先看下效果是不是你需要的。。。。。然后废话不多说，上代码，希望能够帮助到你。。。123456{{item.preferentialName}}7891011121314exportdefault{15props:{16message:Object17},18data(){19return{20favourableForm:[],//选中的数据21favourables:[]//初始化赋值22}23
weixin_33972649·2020-08-07 20:36

vue中对axios的封装

importaxiosfrom'axios'importqsfrom'qs'importVuefrom'vue'varvm=newVue()importElementfrom'element-ui'varports
weixin_30622181·2020-08-07 19:25

vue中实时监听input中字符长度并限制，Element-ui el-input

用vue写的后台管理系统，input需要限制输入内容的字符长度（如果需要限制字符串的长度，只需要使用element-ui中的input的maxlength和minlength属性即可，原生的input同样的做法
weixin_30576827·2020-08-07 19:48

[element-ui]el-selected的衍生操作:在v-model上显示value和label的拼接

效果图思路给请求的结果设置不同的显示类型下拉框显示的value和label值设置选中值的时候显示的对应的值(value和label拼接起来)当选中的时候,value就会显示拼接过的字符串注意事项如果这个地方做请求参数的时候,要做剪切,只取value值!!!切记实现过程接口处理//获取结算账户getListPayBank(){apiListPayBank(this.config.listPayBan
webfullstack·2020-08-07 19:26

Vue的elementUI实现自定义主题

下面来介绍一下两种方法实现的具体步骤，（可以参考官方文档自定义主题官方文档），先说项目中没有使用scss编写，用主题工具的方法（使用的较多）第一种方法：使用命令行主题工具使用vue-cli安装完项目并引入element-ui
wangcuiling_123·2020-08-07 19:22

element-ui 通过v-show去显示和隐藏tabs的pane

通过v-if去控制tabs的pane显示和隐藏，会赞成数据无法保留，因为v-if会销毁组件，再重新创建。我这里是通过设置选项卡的显示和隐藏（控制display）来做到的//watch监听watch:{'ruleForm.isbrand':{//监听ruleForm的isbrand(是否品牌)被选中了handler(newVal,oldVal){this.showTabPane(this.ruleF
你是谁-·2020-08-07 19:50

修改ElementUI中el-autocomplete在ie11中无法输入中文

由于elementUI源码存在bug，导致el-autocomplete在ie11中无法输入中文源码如下：node_modules\element-ui\packages\autocomplete\src
Topepy·2020-08-07 19:03

element-ui树形表格实现多层级嵌套，原来这么简单！

多层级效果图，点击自动收缩：话不多说，附上代码，此次代码示例全部为静态数据；1.表格数据如下图2.数据结构如下图，其实只需要在有子节点的地址加上children即可！官网都没有说明白，搞得自己研究了半小时。data(){return{tableData1:[{id:1,date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{id:2,dat
summer_my_sunshine·2020-08-07 18:41

element-ui修改el-steps默认样式

默认样式：exportdefault{data(){return{stepsData:[{title:'启动',date:''},{title:'发布',date:''},{title:'洽谈',date:''},{title:'规划',date:''},{title:'签约',date:''},{title:'落项',date:''},],values:3}}}修改后样式：代码只修改样式代码如下
小学生Eddie·2020-08-07 18:55

element-ui 全部导入与按需导入

element-ui有两种使用方法：一种是（默认）全部导入，还有就是根据自己需要按需导入。
gxhlh·2020-08-07 17:05

配置element-ui+vue.js+vscode前端开发环境

vue框架开发前端网页大体上分为vue.js开发和vuecli，个人更喜欢使用vue.js，因为简单方便，但是如果要使用element-ui进行样式的设置就会比较麻烦了。
Chris Brown·2020-08-07 17:53

关于element-UI

在初次使用element-ui的时候，官网有两种方法一种是直接加载element-ui，一种是借助babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。
刘勇大三入门前端·2020-08-07 17:19

element-ui使用心得

1.当前我们打开的element-ui版本是2.11.0版本项目中“element-ui”:“^2.10.1”,在使用时有些功能和样式的设置必须看版本，之前我在做一个回到顶部的功能时是在tab-pane
智慧的狗狗·2020-08-07 17:47

element ui-table爬坑

之前在vue中使用element-ui的表格，都是固定的key值，也就是这种情况。
坏丶毛病·2020-08-07 17:45
上一页 111 112 113 114 115 116 117 118 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他