![](https://img-blog.csdnimg.cn/20210721142041147.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Element ui
Element ui
fanny_匚
这个作者很懒,什么都没留下…
展开
-
实战element 的rate使用iconfont图标
问题背景在项目开发过程中需要使用到一个评分的功能,项目使用的element 的框架,所以首选肯定就是自带的rate的组件,但是在rate的介绍中默认的一般都是星星的icon,自定义的icon 也都是直接框架自带的icon的所有的图标,但是都不满足自己的需求,这是发现rate可以支持使用iconfont 的图标,但是按照框架中的介绍使用并没有实现,在查了资料之后发现还是有一些注意点的,这里记录一下方便日后的学习.iconfont的使用这里就不过多的介绍了,只需要将自己需要的图标实现一下的步骤即可,这时候编原创 2021-07-22 19:46:24 · 606 阅读 · 0 评论 -
Element UI table表格实现列宽随内容自适应
默认显示格式如下:<template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期"> </el-table-column> <el-table-column prop="name" label="姓名"> </el-table-column> <el-table-col原创 2021-07-21 20:16:44 · 4423 阅读 · 2 评论 -
element UI 事件回调函数传参,传递默认参数和自定义参数的解决
问题: 在使用element UI 的组件的时候,事件回调有默认的参数,想要再添加自定义的属性.解决方案change事件默认的参数是select绑定的v-model的数据作为回调函数的参数,如果想要在添加自定义的参数,change(‘自定义’)直接写那么自定义的参数会覆盖默认的参数(已办这个默认的参数也会是我们需要的参数),所以需要change(‘自定义’, $event)这个也是经常遇到但是也是会忽略的问题,在这里记录一下,好记性不如烂笔头....原创 2021-07-21 20:15:53 · 901 阅读 · 0 评论 -
el-select样式两种修改方式index.html或popper-append-to-body加popper-class
el-select样式两种修改方式index.html或popper-append-to-body加popper-class记录一下,博主整理的很是明朗,在此记录一下,方便以后查找,感谢博主的输出,问题描述饿了么UI自带的样式有一般也够用,不过有时候我们需要修改一下样式使其更加美观,本文记录一下修改el-select的样式的方式,记录一下,忘了的时候回来看看问题分析下拉框可以分为两部分,一部分是‘框’部分,另外一部分是‘下拉’部分,平常我们修改下拉框样式,无外乎就是修改这两个部分,如下图所示修原创 2021-07-21 20:15:17 · 3258 阅读 · 1 评论 -
修改scoped下的element的样式不生效的问题
最近项目结束了,在优化的时候主要是调整一些样式的问题,项目中使用的是element的组件在使用tooltip/dialog组件的时候,修改样式发现没有生效,在结合广大网友的智慧之后,发现了三种实现方式但是各有优缺点,在这里记录一下,便于日后的使用.动态添加组件的层级并不是在使用的地方,而是和我们的app是在同一层级的,所以直接scoped中改是不会生效的第一种自定义一个公共的css配置文件,提前设置固定的css样式在使用@import引入使用优点:这样的好处就是全局的样式不受当前组卷scoped原创 2021-07-21 20:14:42 · 1523 阅读 · 0 评论 -
vue-Vant自动引入样式不生效问题
vant官网链接安装依赖包1.确保安装了Vant和babel-plugin-import修改babel.config.js配置2.如果上面都做了,看下babel.config.js是否配置在文件中使用(如果是全局引入的不需要这样写)3.确保下图红框中导入,( [Button.name]: Button,)这个是官网没有说明的一点,需要个人添加,,要不然爆红在这里插入图片描述问题总结4.最后出现没有样式有两点;1.安装了babel-plugin-import依赖需要重新启动项目,重新原创 2021-07-21 14:22:44 · 862 阅读 · 0 评论