element-ui
昵称已存在lxttttt
这个作者很懒,什么都没留下…
展开
-
element ui tree组件的getNode方法
最近在使用getNode方法时突然发现getNode找不到节点找不到节点一般会有这几种情况:1.是否正确传入参数,参数可传递id,Node2.检查tree组件是否设置了node-key为id3.可能会出现treeData还未获取到页面就开始调用getNode的情况(虽然打印顺序是treeData先打印出来,但getNode已经执行了)...原创 2021-12-21 10:47:35 · 4093 阅读 · 2 评论 -
element ui使用级联选择器el-cascader封装下拉框
之前项目中使用drownmenu封装下拉框,后面出现了一系列问题,用户体验感很不好。现在重新使用cascader重新封装下拉框组件。原创 2021-12-15 11:11:50 · 2288 阅读 · 0 评论 -
element表单内容清空
在弹出框中嵌套一个form表单,修改表单内容修改过后直接关闭不提交,第二次打开弹出框时会自动保存上一次表单填写的内容。可以直接在表单关闭时重新初始化formDataObject.assign(this.$data, this.$options.data())...原创 2021-08-20 15:43:49 · 217 阅读 · 0 评论 -
el-radio选中时修改选中文本颜色
添加如下css样式:.el-radio__input.is-checked + .el-radio__label { color: black}原创 2021-08-18 11:22:48 · 2485 阅读 · 0 评论 -
element自定义表单label
在label前面加上复选框,通过slot进行定义<el-form-item> <span slot="label"> <el-checkbox v-model="ckFileExt">文件过滤</el-checkbox> </span> <el-input v-model="fzFileExt"> <el-button slot="append" icon="el-icon-info" /> </el原创 2021-08-18 10:29:53 · 1150 阅读 · 0 评论 -
Duplicate keys detected: ‘tab-2‘. This may cause an update error.
出现这种问题是因为v-for中的key值出现了重复,但不要盲目的将key值设置为index,具体情况要具体分析。项目中使用到了element的tab组件,点击tab的关闭按钮删除tab将key设置为index后,删除某一项tab,再添加tab后,添加的tab的key值就会与删除前最后一项的key值相同。如果tab有对应的id值,最好将key设置为id...原创 2021-08-16 11:22:50 · 1570 阅读 · 0 评论 -
elementUI在vue中使用时css样式不生效
根据官方提示先是使用npm i element-ui -S对element-ui进行了安装,并按照官方提示对整个Element进行引入,但在测试element-ui中淡入淡出动画时发现按照官方写法无法出现正确的结果:可以看到,图中的按钮样式不对,而且点击按钮后也没有出现内置过渡动画冲洗阅读文档后发现了这么一段话:这说明在我使用npm i element-ui -S时只是引入了js文件,而css文件需要单独引入解决办法:找到项目的index.html文件,通过CDN的方式引入css文件引入后实原创 2021-07-30 10:57:12 · 1360 阅读 · 2 评论