随笔分类 -  element ui

摘要:方法一: oninput =“value=value.replace(/[^\d]/g,‘’)” //只能输入数字 oninput =“value=value.replace(/[^0-9.]/g,‘’)” //只能输入数字和小数 <el-input v-model="sjje" oninput = 阅读全文
posted @ 2022-07-22 09:07 haha-uu 阅读(7942) 评论(0) 推荐(1) 编辑
摘要:参考:https://blog.csdn.net/weixin_43932245/article/details/109203514 阅读全文
posted @ 2021-02-22 15:42 haha-uu 阅读(2857) 评论(0) 推荐(0) 编辑
摘要:<el-upload class="upload_csv" ref="upload" accept=".csv" :action="uploadAPI" :multiple="false" :limit="1" :headers="avatarHeader" :on-success="handleS 阅读全文
posted @ 2020-12-25 10:40 haha-uu 阅读(1493) 评论(0) 推荐(0) 编辑
摘要:使用场景:在表单中,利用el-tab来实现tab切换,v-if来控制tab的显示隐藏点击表单的“确定”时,只能验证当前页面的验证规则,不能验证其他的原因:使用v-if:来回用v-if进行数据初始化时,不符合条件的不会生成规则,所以,校验不会生效解决办法: 使用v-show代替v-if 参考:http 阅读全文
posted @ 2020-11-04 16:53 haha-uu 阅读(1118) 评论(0) 推荐(0) 编辑
摘要:<el-dialog ref="assetRef" :abc="abc" :title="$t(`asset.${title}`)" :visible.sync="assetDialogVisible" width="40%" @close="handleClose" :close-on-click 阅读全文
posted @ 2020-09-25 10:20 haha-uu 阅读(262) 评论(0) 推荐(0) 编辑
摘要:参考:https://blog.csdn.net/weixin_44615754/article/details/106675852?utm_medium=distribute.pc_relevant.none-task-blog-title-2&spm=1001.2101.3001.4242 点击 阅读全文
posted @ 2020-09-21 16:27 haha-uu 阅读(2852) 评论(0) 推荐(0) 编辑
摘要:是elementUI版本的问题 2.8.2版本目前是会出现这个问题的,用2.7.2版本就可以解决浏览器卡死问题了 安装指定版本的element ui: npm i element-ui@2.8.2 之后重新npm run start,解决问题 阅读全文
posted @ 2020-09-12 11:19 haha-uu 阅读(649) 评论(0) 推荐(0) 编辑
摘要:在 vue 2.6.10 版本遇到了 首次进行编辑input 可以正常输入 但是再次进入不能正常输入,是因为我对input绑定的是对象内的变量,首次进入关闭之后我进行了对象的重置直接置为空对象,这样会导致这种错误的发生; //template <el-input v-model="myObj.inp 阅读全文
posted @ 2020-09-05 21:48 haha-uu 阅读(961) 评论(0) 推荐(0) 编辑
摘要:参考:https://blog.csdn.net/u012138137/article/details/87182342?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.add 阅读全文
posted @ 2020-09-03 17:19 haha-uu 阅读(3622) 评论(0) 推荐(0) 编辑
摘要:v-model的绑定项最好不要是表单项里的值,比如userForm.userTypeValue, 这样会出现第一次打开弹框时可以下拉选择选项,但是第二次打开弹框,就会 出现无法下拉选择selectOption里的选项 官网: v-model最好额外定义一个value <el-select v-mod 阅读全文
posted @ 2020-09-03 16:16 haha-uu 阅读(1895) 评论(0) 推荐(0) 编辑
摘要:官网的折叠展开图标 要实现的: 思路: 1、首先替换折叠展开图标 2、使用right复制,把图标移动到需要展示的地方 .el-submenu__title { .el-submenu__icon-arrow { right: 220px; margin-top: -5px; } .el-icon-a 阅读全文
posted @ 2020-09-02 23:10 haha-uu 阅读(6537) 评论(0) 推荐(0) 编辑
摘要:当切换到不同的页面时,要求对应的菜单高亮 思路: 靠el-menu的 :default-active="activeMenu" // 激活菜单的高亮显示 1、使用计算属性activeMenu获得当前的路由 2、激活和hover时的样式 .el-menu-item:focus, .el-menu-it 阅读全文
posted @ 2020-09-02 23:03 haha-uu 阅读(4139) 评论(0) 推荐(0) 编辑
摘要:参考:https://blog.csdn.net/Beam007/article/details/91047291 阅读全文
posted @ 2020-08-28 15:02 haha-uu 阅读(1598) 评论(0) 推荐(0) 编辑
摘要:参考:https://blog.csdn.net/weixin_45122120/article/details/103937931 阅读全文
posted @ 2020-08-24 15:26 haha-uu 阅读(773) 评论(0) 推荐(0) 编辑
摘要:参考: https://www.cnblogs.com/steamed-twisted-roll/p/9214745.html 阅读全文
posted @ 2020-08-13 13:11 haha-uu 阅读(2530) 评论(0) 推荐(0) 编辑
摘要:参考: https://blog.csdn.net/m0_37780367/article/details/103892200?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.non 阅读全文
posted @ 2020-08-03 15:08 haha-uu 阅读(6233) 评论(0) 推荐(0) 编辑
摘要:转载于https://blog.csdn.net/qq_39692256/article/details/82227990 阅读全文
posted @ 2020-07-30 19:07 haha-uu 阅读(1190) 评论(0) 推荐(0) 编辑
摘要:场景:确认按钮发布后样式发生改变,发布后,点击确认按钮,背景色消失,添加红色focus即可 <el-button type="text" class="ok" size="medium" @click="issue">确认</el-button> .ok { width: 150px; font-s 阅读全文
posted @ 2020-07-23 13:57 haha-uu 阅读(1480) 评论(0) 推荐(0) 编辑
摘要:DOM部分: <el-breadcrumb class="breadcrumb" separator="/"> <el-breadcrumb-item v-for='(name,index) in matchedArr' :key='index' > {{ $t(`commons.${name}`) 阅读全文
posted @ 2020-07-14 15:48 haha-uu 阅读(12784) 评论(0) 推荐(0) 编辑
摘要://1.定义focus事,绑定属性 <el-input v-model="headerInput" @focus="onInputFocus" @blur="onInputBlur":style="thisStyle"> </el-input> thisStyle:'',//2.获得焦点事件 onI 阅读全文
posted @ 2020-06-22 18:21 haha-uu 阅读(18093) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示