element饿了补一补
讲讲element里自己踩的坑以及个人经验分享
xiaoheisboy
和大佬们共同成长 ⛽⛽⛽ !
只说干货,不做标题党!不做标题党!不做标题党!
展开
-
element 上传 点击后直接调起文件选择
element el-upload 上传 点击后直接调起文件选择 (或上传)成品展示1.未点击时(默认情况,点击红框直接调起文件选择:下图)2.点击时 (红框被点击,调起文件选择)3.如果符合你的需求看代码👇代码html部分 <div style="width: 270px;height: 150px;overflow: hidden"> <el-upload action="string" :au原创 2022-04-07 21:18:48 · 1911 阅读 · 0 评论 -
element el-form 表单校验单个字段 this.$refs.form.validateField 单独校验
element el-form 表单校验单个字段 this.$refs.form.validateField 单独校验????记得点赞哦 ????????大佬请看????1.this.$refs.form中form对应el-form中的ref属性值2.checkName 对应的是el-form表单中需要校验的标签prop属性值3.checkName的校验规则也要对应 el-form中rules属性中的checkName,(第三点3不懂就看文档吧) this.$refs.form.validate原创 2022-01-17 10:30:20 · 15175 阅读 · 4 评论 -
修改el-select 样式失效 /deep/ 未生效
修改el-select 样式失效????记得点赞哦 ????????大佬请看????1.尝试在class名前加 /deep/ 例:/deep/ .el-select-dropdown__list2.个人尝试的写法无效 /deep/ .el-select-dropdown__list .el-select-dropdown__item 或 /deep/ .el-select-dropdown__list /deep/ .el-select-dropdown__item 等原创 2022-01-17 10:15:20 · 2377 阅读 · 0 评论 -
element el-time-picker 时间段动态禁用 禁用时间段
element el-time-picker 时间段动态禁用 禁用时间段// value-format 时间格式//picker-options 绑定禁用时间段 // 需要默认值<el-time-picker value-format="HH:mm:ss"v-model="TimeHour":picker-options="{ selectableRange:DisApplyTimeHours }" placeholder="时间点"></el-time-picker>原创 2021-06-06 10:58:42 · 4896 阅读 · 0 评论 -
vue element el-upload 上传文档、压缩包表格
el-upload 上传文档、压缩包表格废话不多say 上代码????记得点赞哦 ????????大佬请看????上传事例 : // 样式根据个人需要进行修改 <el-upload drag :action="UploadUrl()" :limit=limitNum :auto-upload="false" accept=".xlsx" :on-change="fileChange" :file-list="fileList"> // 绑定 // acce原创 2021-05-20 14:20:27 · 1638 阅读 · 0 评论 -
element update 上传使用(一) el-upload 上传图片
el-upload 上传图片废话不多say 上代码????记得点赞哦 ????????大佬请看????上传图片案例:我的上传随form表单一起所以 handlePhoto并没有直接上传的方法 //而是赋值保存 handleRemove 也只是删除清空赋值,不影响后台数据 <el-upload action="#" list-type="picture-card" :limit='1' // 限定个数 :on-change="handlePhoto" // 本地点击上传时的方法原创 2021-05-09 20:45:02 · 1372 阅读 · 0 评论 -
form this.$refs[formName].validate() this.$refs.form.clearValidate() 表单验证 清除表单验证 局部验证 取消局部验证
form this.$ refs[formName].validate() this.$refs.form.clearValidate() 表单验证 清除表单验证 局部验证 取消局部验证废话不多say 上代码????记得点赞哦 ????????大佬请看????你的form标签里加 :rules=“rules” (rules是校验规则)对于需要校验的值增加 prop提交案件 要写成 : @click=“asd(‘formName’)” (不再说明方法 不动看element文档原创 2021-04-19 20:00:47 · 8732 阅读 · 1 评论 -
element tbale checkbox 条件加禁用
element tbale checkbox 条件加禁用废话不多say 上解决方式????记得点赞哦 ????????大佬请看????表格增加列 且设置type=“selection” 此时为checkbox形态增加方法 属性: selectable=‘selectInit’<el-table-column type="selection" width="55" :selectable='selectInit'></el-table-column> s原创 2021-04-16 21:14:10 · 318 阅读 · 0 评论 -
element el-image preview-src-list 点击蒙版关闭 图片
element el-image preview-src-list 点击蒙版关闭 图片事例代码: <el-image :src="图片地址.png" :preview-src-list="[图片地址.png]" alt="图片地址.png"> <div slot="error" class="el-image__error">暂无图片</div> </el-image>此时的图片直接点击可以被放大(原始尺原创 2021-04-14 20:23:01 · 4217 阅读 · 6 评论 -
vue element el-select 渲染失败
vue element el-select 渲染失败推荐一个google插件吧 讲起来更方便 Vue.js,平常写项目也可以使用(个人一直在使用)用法很简单: 在谷歌插件管理(更多工具=》拓展程序)里打开启动vue项目 就可以在控制台的导航栏里找到Vue了 输入框内输入页面的name就可以查看变量等的变化解决问题:在确保自己书写没有问题的情况下,查看v-mode的值是否有成功(可通过Vue插件查看),如果成功绑定但渲染出现问题可通过强制刷新来解决$forceUpdate() //强制刷新原创 2021-04-12 19:57:02 · 1361 阅读 · 0 评论