##element-ui

【记录】关于 element-ui 中 Cascader 级联选择器的一个小坑

在今天写练习的时候，出现了一个很有趣的bug，写下来做个笔记级联选择器里面，如果不写v-model的话不能重置，但是如果只是写上了v-mode也无法重置，还需要在清空的方法里面重新赋值一遍才行，就算赋的值和原来的值一模一样也能重置importoptionsfrom'@/assets/dates/country-data.js'exportdefault{name:'regist',data(){r
_DaRuiShen·2020-08-22 15:11

element组件库的Cascader 级联选择器使用

element-ui组件库的Cascader级联选择器，vue项目中经常能用到的一个组件，但里面的属性较多，现将梳理一下，以供参考就以官方给的hover触发子菜单为例，给出了以下参数v-model是双向绑定的数组
园斯特洛夫斯基·2020-08-22 15:40

element-ui 联级选择器组件 编辑回显数据

1.大部分情况下，新增完表单后，存放在数据库里的值一般都只是一个数字id,如果想要组件回显，就重组联级组件需要的数组变量例：现在element-ui支持联级又多选的方式，最终v-model绑定的值的结构就是一个二位数组
weixin_30711917·2020-08-22 15:15

element-ui中collapse默认展开

 与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。简化流程：设计简洁直观的操作流程；清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；帮助用户识别：界面简单直
hlvy·2020-08-22 15:12

element-ui 级联选择Cascader选择省市区

//设置prop属性props:{label:'areaName',value:'areaId',//children:'children',},//获取省市getProvence(){post(url,{parentId:0}).then((res)=>{this.addressObject.list=res&&res.data||[]this.addressObject.list.forEac
流绪@微梦·2020-08-22 15:12

element-ui el-table滚动条溢出问题（不在表头内部跑到了外部）

样式问题如下代码在el-table中加入height="xxx"即可在表格高度不够时，自动出现滚动条效果如下图如图可见，问题是滚动条溢出了，不在蓝色表头的内部跑到外部去了很不美观。解决办法在css中添加如下代码.has-gutterth{color:#ffffff!important;background-color:#5D9ADF!important;}代码中的颜色代码#5D9ADF应为对应的表
S小白·2020-08-22 15:11

element-ui el-cascader 级联选择器 联动默认值

在使用element-ui的el-cascader组件根据后台返回的数据，需要展示一个默认值，官网给出的例子https://element.eleme.cn/2.0/#/zh-CN/component/
厉害的辛巴·2020-08-22 15:11

用element-ui 组件Cascader 级联选择器遇到的坑

标题element-ui组件Cascader级联选择器遇到的坑话不多说~先上效果图为敬效果一目了然，就是想完成二级联动的选择器，按照element里面的api配置数据源options，如下图不知道你们发现什么没
H~洋·2020-08-22 15:11

element-ui中的el-cascader 级联选择动态加载数据回显问题,输入框中不显示默认的文本

一直比较喜欢使用element-ui,在近期项目中有用到element-ui中级联选择,遇到了一个问题:在编辑详细信息的时候,原来已有的值无法显示的问题,经过研究发现有两种情况,一.显示最后一级节点的时候即设置
gaojian531048553·2020-08-22 15:38

Element-UI中Cascader 级联选择器使用

Element-UI的级联组件官方文档说明：options:绑定数据源props:数据配置项v-model=“value”:双向绑定级联选择框中选中的value值@change=“handleChange
caicsama·2020-08-22 15:29

element-ui el-cascader Cascader 级联选择器 详细使用教程

最近在使用element-ui，碰到了需要使用级联选择器的情况，研究了好久，终于实现了功能了，在这里记录一下，以便以后再次用到的时候查看。
S小白·2020-08-22 15:26

Vue使用Element的级联选择器Cascader出现空白面板

在Element-UI是的级联选择器中，只有children这个子节点，即使children:[]，也会出现一个面板，就是
静沐静好·2020-08-22 15:18

疑难（1）：Windows命令行输入vue ui，创建Vue项目没有反应

在通过命令行vueui来通过Element-UI创建vue项目的时候，发现命令行没有任何反应，输入vue-h查看帮助文档,看是否有ui这个命令,发现没有,那就应该是版本太低了。
探骨精灵·2020-08-22 15:31

electron-vue中使用element-ui部分组件无法渲染

记录自己在electron-vue中遇到的一个问题main.js中引入element-ui常见的一个elementtable表格组件和button，但是table组件并没有渲染出,electron-vue
秋秋秋ii·2020-08-22 15:28

vue中element-ui的样式在localhost正常，发布到线上样式异常

框架vuemain.js中importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'importrouterfrom
youyudexiaowangzi·2020-08-22 15:52

vue项目，引入插件element ui 样式不生效

babel-plugin-componentnpminstallbabel-plugin-component--save步骤二：在vue项目的.babelrc文件中增加如下JSON"plugins":[["component",{"libraryName":"element-ui
ybilss·2020-08-22 15:39

vue使用iview或者element-ui组件修改样式不生效解决方法

vue使用iview或者element-ui组件修改样式不生效解决方法微信公众号：前端程序猿之路关注可了解更多的前端知识，反馈问题或建议，请公众号留言。
前端程序猿之路·2020-08-22 15:34

element-ui修改样式不生效

关键词：scoped，sass,css问题覆盖默认的element-uicss不生效操作如下图所示，想要去除lable中的padding-bottom，自然而然地打开控制台，找到当前的css当前css:修改为：padding:0，运行发现样式没有生效原因代码中使用scoped之后，保证各文件中的css不相互影响，给每个component都做了唯一的标记/*localstyles*/解决办法官网地址
梦里谁知身是客·2020-08-22 15:55

vue中使用axios 结合element-ui 山川组件,上传文件

vue中使用axios结合element-ui山川组件,上传文件最近接到一个需求,需要做一个上传文件和下载文件的功能,主要使用的场景是用户上传文件,和下载样例文件,上传和下载的请求都需要带上请求头token
爱倒腾·2020-08-22 14:18

element-ui 三级tree 会把节点下所有子节点全部勾选

请教贴：element-ui三级tree会把节点下所有子节点全部勾选。技术不精，希望得到大神指点。
哦，枫子·2020-08-22 14:13

vue如何修改第三方库的css样式，如element-ui的样式，穿透样式的写法

在vue项目中，我们经常因为在样式上加了scoped,避免了组件之间样式的污染，但同时带来的问题是直接修改第三方库的样式不生效：解决办法：(本例以修改element-ui的scrollbar样式)1.再添加个
一码平川！·2020-08-22 14:43

重写element-ui组件样式

注：在带scoped的style标签里面重写element-ui组件样式失效，可以使用>>>或/deep/来解决原因是scoped是当前组件的唯一标识，针对第三方组件（element-ui）的样式无效1
丽丽大神ing·2020-08-22 14:18

vue-cli4项目配置cdn引入静态资源

module.exports={//打包是否生成.map文件productionSourceMap:false,lintOnSave:false,configureWebpack:{externals:{'element-ui
九段刀客·2020-08-22 14:33

[vue]饿了么的element-ui修改样式后不生效

2019独角兽企业重金招聘Python工程师标准>>>解决了！原来不能加scope！https://blog.csdn.net/hx_1199/article/details/80093914转载于:https://my.oschina.net/u/2464371/blog/3007288
weixin_34162695·2020-08-22 14:43

element-ui default-checked-keys 会把节点下所有子节点全部勾选解决方法

showDialog(id){this.isShowPermissionTree=true;this.roleId=id;this.savedPermissionIds=[];this.getPermissionTree();},//获取用户勾选的权限id用于传参后台getCheckedNodes(){//letselectedPermission=this.$refs.treeForm.getC
weixin_30947043·2020-08-22 14:41

vue基于element-ui制作的成绩管理系统（四）个人信息

1.在views文件夹下新建person-msg.vue页面布局如下：教师信息//渲染教师信息学生信息//渲染学生信息importMainfrom'../api.js';//引用接口js,所有请求的接口都在这个里面exportdefault{name:"person-msg",data(){return{teacherData:[],studentData:[],Teacherform:false
weixin_30807677·2020-08-22 14:04

关于Vue element-ui中诡异问题的解决思路

最近在做Element-ui项目时总是会出现些异步及其一些诡异问题，关于vue的异步原理就不多说了，感觉大部分的问题都可以用Vue.nextTick来解决，Vue.nextTick是等DOM二次加载完毕时执行函数
weixin_30588827·2020-08-22 14:23

Element-ui之修改样式

修改样式的方法官网上面介绍了几种方法；当然还有其他的方法，比如：直接在标签上面采用行内式；在组件中的style里面添加样式；引入.scss文件（注意：如果是公用样式最好在index.scss一起引用，然后在main.js中进行调用；如果使用该样式的组件不多，就按需引入，不要引入其他不必要的scss文件）注：这儿的优先级是:[行内的样式>组件中'style'里面的样式>引入的scss样式]，如果是从
weixin_30511107·2020-08-22 14:50

vue中引入css文件

两种方式引入css文件，一种是直接在main.js中引入(也可以在其他的.vue文件中的标签中)，即下面这种写法：import'element-ui/lib/theme-default/index.css
weixin_30414155·2020-08-22 14:15

vue 使用element ui报错解决方案

安装：npmielement-theme-default-Smain.js增加importElementUIfrom'element-ui'import'element-ui/lib/theme-default
weixin_30367169·2020-08-22 14:13

vue打包 element-ui不生效怎么办

如题，着急啊，看了很多网上文章，没有解决问题，实在不知道怎么配置，求大佬明确指点~图片和功能好像都没问题，就样式一点都没了。
web0tragic·2020-08-22 14:05

cmd创建vue element-UI工程

创建工程cmd进入到需要创建工程的工作目录创建工程vueinitwebpackhello-vue-element安装vue-routernpminstallvue-router--save-dev--registry=https://registry.npm.taobao.org安装element-UInpmielement-ui-S--registry=https://registry.npm.
有事请Q我·2020-08-22 14:15

element-ui修改样式不生效

如果你的css代码是上面这样那么把scoped去掉就行
一只沙雕·2020-08-22 13:08

element-ui 改变一行的样式row-style

element-ui改变一行的样式row-style在工作过程中需要改变elementui的row-style，在百度上查了很久结果都是一样的：rowStyle({row,rowIndex}){if(rowIndex
qq_39046576·2020-08-22 13:16

element-ui 树型控件自定义图标和实现单选节点功能

先上效果图：（一）自定义图标在element-ui官网中，提供了两种方法:render和slot来添加自定义节点内容，可以在节点区添加按钮或图标等。
qq_36437172·2020-08-22 13:55

element-ui 在el-table的el-form里面添加el-tree导致表格错位问题

最近做管理后台的时候，遇到一个很恶心的事情，就是el-table的el-form里面加了el-tree导致表格错位，一开始定位是我的布局有问题，处理了几个小时都没有处理好。百度上也没有解决方案，可能我这坑掉的人比较少吧。具体情景如下：红色位置就是el_tree,左边是表格中的其他元素。搞了很久找不到问题的原因。后面在看代码的时候发现我表格里订单ID给了fixed属性。去掉即可。这个坑挖得真大，差点
前端-珊珊·2020-08-22 13:40

Vue2.0 + ElementUI 手写权限管理系统后台模板（四）——组件结尾

国际化多语言翻译使用框架采用vue-i18n版本8.4.0，使用npm安装新建文件夹src/i18n,目录如下i18n.js//i18n.jsimportVuefrom'vue'importlocalefrom'element-ui
酒一壶||茶一盏·2020-08-22 13:14

Element-UI 自定义upload组件(进度条,删除,下载)

先看看效果图上传过程中.png上传结束后.png代码也很简单,样式自己写好之后就剩下处理进度条了产品资料（提示：文件请控制大小在10MB以内）浏览{{item.name}}上传成功!上传失败!{{item.size|fileSize}}[删除][下载][删除][下载]methods部分//上传前的函数(用于验证上传文件格式及大小)beforeUploadFile(file){constisLt10
爱草莓的番茄酱·2020-08-22 13:41

electron-vue在使用element-ui时部分组件无法显示问题

原文连接:https://juejin.im/post/5d132629e51d45772a49ad71问题描述在使用electron开发桌面系统时，遇到部分element-ui组件在页面中无法渲染的问题
水车306·2020-08-22 13:30

一个基于vue和element-ui的树形穿梭框组件

#el-tree-transfer##简介---el-tree-fransfer是一个基于VUE和element-ui的树形穿梭框组件，使用前请确认已经引入[element-ui](http://element.eleme.io
春深是蔚蓝·2020-08-22 13:53

使用vue-cli+element-ui但是element-ui的样式修改不了

最近在开发使用了vue+element-ui，但是发现element-ui的样式修改不了的问题，最后发现是因为我在样式上加了scoped这个属性，一个局部作用域的问题当加了scoped的时候代表这段样式代码只在这个组件内有效
深拥梦＄·2020-08-22 13:39

【组件推荐&改造】基于element-ui 实现的iview风格tree组件

由于iview的tree组件API比较少，加上项目的需要iview的tree组件并不能完全的实现我想要的效果，于是就在网上找了一圈，发现了某位大佬改造的tree组件（https://www.npmjs.com/package/chu-tree-iview）。这个组件将elementui的tree组件改造成iview风格的，当时使用的时候是基于elementui2.2.2版本的，所以后面新增的API
Connie_豆·2020-08-22 12:47

vue-模拟Element-UI实现form表单

总文件入口-index.vue用户使用层主要是用来定义：校验规则登陆事件处理（全部校验通过与否调用全局弹窗）项目结构说明用户入口文件-inex.vue提交{{model}}importVfromfrom'./vfrom';importVfromitemfrom'./vfromitem';importVinpntfrom'./vinput';exportdefault{components:{Vfr
哦哈哈·2020-08-22 12:47

关于vue-cli脚手架打包后获取本地大图片或大文件报404的解决办法

是这样的，这个项目用vue-cli脚手架构建的项目，使用了element-ui中的字体图标，打包之后出现element-icons.ttf报404的错误。
进击的前端狗·2020-08-22 12:01

Element-UI中，Switch 开关控件点击事件触发，但Switch状态不切换（角色权限管理功能）

在做这种点击左侧“角色”，右侧对应选中（Switch）已有的权限功能操作时，可能会遇到给某个选中的“角色”赋权限或删除权限时，数据库数据操作成功，但是界面上Switch控件没有表现出对应的状态，很有可能时因为你的“权限列表数据”或“根据角色查询当前角色权限数据”返回时没有“statu”这个字段（如下图），你的“statu”字段是你在前端界面对象中附加进去的，这样会导致你的Switch控件点击看起来
乔巴巴·2020-08-22 12:07

vue项目中使用element-ui下拉框选项值为对象时报错

在做后台管理时，使用了vue搭配elementUI，请求方法使用了axios插件，在使用下拉框时，因为我需要获取选中的选项中的其他值，因此需要传入对象。对select下拉框的文档没有读的很仔细，百度过几篇文章，也没有理解他们表达的意思，然后自己又去看文档，把他的属性看了几遍，忽然就来了灵感，尝试了一两次，哇，原来是这样做，爽歪歪，真的是书读百遍其义自见1.elementui中的select下拉框为
小小蚊子·2020-08-22 12:05

修改element-ui组件样式

在项目中，我们用element-ui让我们的开发速度大大提升，当样式和我们的需求不一样时，我们该如何修改呢？新增标签，并在里面修改所需样式，切记，不加scope，否则无效，如下如所示
hx_1199·2020-08-22 12:01

修改Element-ui组件的样式无效？

框架vue2.0，使用element中自有些组件样式不合心意，但是在style中改不过来？1，想将某个组件样式全局统一，通过控制台f12查看组件类名，在App.vue的style里面，写入要修改的样式，style不可加‘scoped’属性，这样的话，你在App.vue写入的样式会引用在每个页面//分页器组件.el-pagination{padding:8px5px;background:rgba(
慢半拍、·2020-08-22 12:29

element-ui的树形图父节点选中子节点未选中（对懒加载之后的数据做处理）

开始采用了父子组件不关联的做法，因为实现过程中有问题，具体看上一篇文章element-ui的树状图default-checked-keys默认却勾选了所有的子节点但是这种实现方式会造成父节点选中的情况子节点未选中
呀呀音·2020-08-22 12:14

使用多个element-ui upload 组件上传如何分别给文件命名

项目中有这么一个需求，有多个字段都需要上传文件，所以在before-upload的时候文件名需要区分是哪个字段对应的上传文件。默认的方法中只有一个file信息，如下而我们需要传额外的能标识唯一性的名字，可以如下闭包的方式：item.id即是我需要的区分标识。方法应该不止这一种，想了解更多可参考https://www.cnblogs.com/steamed-twisted-roll/p/947364
Web攻城狮-前端·2020-08-22 12:06
上一页 100 101 102 103 104 105 106 107 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他