![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
Muizai
No code no bug.
幸灾乐祸才是乐,忙里偷闲才是闲。
展开
-
el-autocomplete 远程请求接口搜索踩坑
<templete><div> <el-autocomplete v-model="state" value-key="name" :fetch-suggestions="querySearchAsync" placeholder="请输入内容" @select="handleSelect"></el-autocomplete>//这里主要的坑是这个value-key,除非你的数据要显示的key刚好是value,不然就得配置这个东西</div&g原创 2021-09-16 16:26:03 · 1078 阅读 · 0 评论 -
vue element el-table 如何在切换页码回滚动条回到顶部或底部
做后台管理系统,最常见的就是查数据,表格,分页之前做的系统测试环境数据少,测试也没发现这个问题,我自己也没发现这个问题原创 2020-12-26 15:41:57 · 2225 阅读 · 5 评论 -
element el-table 多选默认选中
//让 act 为 1 的默认选中<template> <el-table ref="table" :data="list"> <el-table-column type="selection"></el-table-column> <el-table-column label="name" prop="name"></el-table-column> <el-table-column label="attribu原创 2020-05-12 16:17:56 · 2475 阅读 · 0 评论 -
Computed property "***" was assigned to but it has no setter.
bug就像是盒子里的巧克力糖,怎么回事,充满想象…你永远不知道当你开心地敲着代码的时候,什么时候bug就会爬出来,于是你开始心烦意乱…我用了element的Tabs 标签页,本来写在data里面是没问题的,但是实际情况是要根据不同页面而改变,所以改到computed了,于是就报错了…好像知道什么意思,又好像不知道什么意思,翻译一下先emm,再找找吧,哦对,看一下vue怎么说简单来...原创 2020-05-08 11:52:30 · 1585 阅读 · 1 评论 -
element手动触发表单验证
触发对整个表单的验证:this.$refs.userForm.validate(); 触发对表单部分字段的验证:this.$refs.userForm.validateField("password");原创 2020-04-22 09:43:27 · 13093 阅读 · 2 评论 -
el-table中实现单选按钮
其实element本身是有提供单选这个功能的,只是效果不太明显…用色块表示…我比较俗…喜欢这种直截了当一眼就知道我选中它了的…所以就结合它本身的单选功能和el-radio拼一拼…上菜…哦不…上码 <el-table max-height="300" :data="list" highlight-current-row @row-click="rowClick"> <...原创 2020-01-15 15:28:43 · 22702 阅读 · 22 评论 -
el-input输入11位手机号,边输入边验证手机号码格式
喉咙痛…不多说,直接上码den…gdeng…不对,喉咙痛和打字什么关系…哎…反正多写也无益,少写也许喉咙就好了呢…<template> <el-form :rules="rules" :model="data"> <el-form-column prop="phone"> <el-input @input="phoneChange" v-...原创 2019-12-06 14:25:30 · 5913 阅读 · 3 评论 -
解决element里面el-table中表头和内容错位
哎,element真是一个让人又爱又恨的东西,你用着很爽想华丽丽原地转圈的时候,它就会出来绊你一脚…怎么办,还没怎么办,填坑呗,没办法,就像寄人篱下,你只能忍气吞声…不扯,进主题吧,这个是一个el-table写的限制了宽度的可左右滚动的表格,这样看是挺正常的。但是往右滑的时候,笑容逐渐消失…???怎么回事,本来还为它是个直男而烦恼,但是想想直男总比渣男好,但是现在算什么,说歪(wan...原创 2019-11-25 18:18:50 · 7716 阅读 · 14 评论 -
Element 踩坑--value和label赋值不一致,分别为id,name,传入id时,不会显示该id对应的值
需求是这样的,我要在添加产品成功之后,带着产品类别的catId跳转到产品页面以查询此类别下的产品,这不是很简单吗,不是传进来就行了吗,OK,我们来look一look<template><el-select @change="cateOneChange" v-model="catId" :placeholder="defaultClassOneName" size="...原创 2019-11-15 11:16:19 · 1262 阅读 · 1 评论 -
element中el-input限制只能输入数字和小数点,且在非数字时清空input
这里用的是el-form做的,因为el-form有验证提示的功能,:οninput="addPro.priceSell=addPro.priceSell.replace(/[^\d.]/g,’’)"是在非数字时清空input<el-form label-width="100px" class="add-product-form" ref="addProF...原创 2019-11-13 14:14:34 · 2496 阅读 · 0 评论 -
element组件table表头\n换行
在项目中,我们有时候需要像上面截图这样,表头需要两行的样式,可能你们不需要,但是我用到了,这里记录一下,当是自己的一个笔记。<el-table :data="list" tooltip-effect="dark"> <el-table-column type="selection"></el-table-column> &l...原创 2019-11-12 10:19:31 · 3866 阅读 · 3 评论