首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
element-ui相关
小尹同学
创建于2022-11-07
订阅专栏
记录工作中使用element-ui组件遇到的问题。
等 1 人订阅
共11篇文章
创建于2022-11-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
el-input设置type为number时,输入中文光标上移及一系列问题
设置el-input的type为number: 出现的问题如下: 解决问题一:输入中文时光标上移(解决后又出现一个新的问题,如下图所示) 解决问题二:上下箭头离右侧有padding距离 解决问题三:上
嵌套el-form的 el-dialog—彻底搞懂添加和编辑,确认修改和取消修改
1.添加按钮 2.el-table中,单条数据的编辑按钮 3.嵌套el-form的el-dialog对话框 4.<script>中的数据与方法 问题1:点击取消按钮后,数据仍然更新了,而且页面上的数据
给el-select下拉框的el-option绑定点击事件
在el-option里直接写@click发现没反应,改为使用 @click.native 即可以给el-option添加点击事件。 native就是把组件变回原生DOM的一种方式,相当于给组件绑定原生
el-select选择框,设置隐藏和显示
el-select选择框,设置隐藏和显示,不让它自动收起 和上面的el-dropdown设置差不多:
封装el-upload上传组件
el-upload上传组件的封装 效果图如下: 照片墙的相关属性: -----action:图片上传地址:devapi/admin/product/fileUpload -----list-type:
el-dropdown下拉菜单,自己设置隐藏和显示
el-dropdown下拉菜单,设置隐藏和显示,不让它自动收起 用到的属性(事件名称):visible-change 下拉框出现/隐藏时触发。出现则为true,隐藏则为false。如果想让它不隐藏,可
对el-button按钮设置提示文本
对el-button按钮设置提示文本的方法 第一步:创建一个组件 第二步:写index.js文件的代码 第三步:注册全局组件【在main.js中】 第四步:将页面的el-button改为hint-bu
el-form表单手机号验证
自定义表单验证 参考文章:https://blog.csdn.net/wwyxjjz/article/details/125845839 需要注意的是: prop="phone"与v-model="l
表单el-form-item自定义label
表单el-form-item自定义label标签,核心用的是 slot='label' 效果图如下:
改变el-input框的样式(去掉边框),及scoped实现原理,及深度选择器
改变el-input框的样式(去掉边框) css样式(这里用到的方法叫做:样式穿透 /deep/): 1.什么是scoped 当一个style标签拥有scoped属性时候,它的css样式只能用于当前的
封装分页器el-pagination
封装分页器el-pagination,主要是因为传参不同,目前遇见过两种情况: 1、参数:当前页码&&每页显示的条数 直接通过分页器获取内容数据 如果el-table中有序号这一项,且序号要跟随数目变