Element-ui
Element-ui实战经验
E_li_na
这个作者很懒,什么都没留下…
展开
-
el-input输入值设置最大值、最小值问题
如果使用max、min属性,则必须同时加上与type=“number”。设置type="number"样式,输入框尾部会出现一个上下箭头,min和max只能控制用箭头输入的最大值最小值,对键盘打字输入是限制不住的。如果需要限制input输入的值,最实用的做法是给input绑定一个change事件,在change事件中用正则判断。这里会涉及到一个type=”number”同时正则判定,对"e"失效的问题。(要看怎么理解失效),可以同时watch一下el-input绑定的model设置了type=”num转载 2021-10-22 15:19:38 · 22407 阅读 · 3 评论 -
elementui实现单元格滚动条
实现某一单元格有滚动条 <el-table-column prop="disclosureAbstract" label="文章摘要" min-width="180"> <template slot-scope="scope"> <div style="max-height:70px;overflow-y:auto;">原创 2020-11-09 17:16:25 · 1171 阅读 · 0 评论 -
elementui里input type=“textarea“无法输入及提示校验信息
场景1:是这样的,input 写在el-dialog里面,根据另一个字段决定要不要显示这个input。新增和修改用的都是这个dialog。新增的时候input框输入后没有提示校验信息;但是,修改的时候,如果修改的是让另一个字段使得这个input从隐藏改成显示,然后在这个input里输入值后,不会在input框里显示值,但是查看data里是有值的。原因:出现这种情况时因为视图没有更新。解决办法:网上说的解决办法有添加@input事件。我按照要求添加了@input事件后,然后强制更新this.$forceU原创 2020-09-18 11:12:14 · 5148 阅读 · 0 评论 -
element-ui弹窗清除提示信息
业务情景是这样的:需要在弹窗里填写表单,弹窗提交数据后再次打开时会自动校验,导致弹出一些提示信息。不过,这些字段还没填写,业务上最好是不要出现这些提示信息。所以,需要在再次打开的时候清除提示信息。 add(){ this.operation = 'add'; this.dialogVisible = true; this.$nextTick(() => { this.$refs.form.resetFields(); })原创 2020-07-22 17:05:39 · 1903 阅读 · 0 评论 -
对element-ui的label和el-tooltip同时使用插槽
我们看element-ui官网可以发现el-tooltip可以使用slot=“content”这个具名插槽来自定义想显示的文案如果想要在标签上显示这个el-tooltip的话,就必须让标签也有个插槽,在这个插槽里插入el-tooltip这个节点。 <el-form-item prop="runKey"> <template slot="label"> <span style="positi原创 2020-06-30 11:33:26 · 5810 阅读 · 3 评论