资源来自:https://developer.aliyun.com/ask/289308?spm=a2c6h.13066354.0.0.767533b5ZcyIwH

ElementUI是怎么做表单验证的?在循环里对每个input验证怎么做呢?

model绑定表单数据,通过prop取表单数值,根据rule取form-item rules 或则rules[prop]校验

你有二次封装过ElementUI组件吗?

ElementUI怎么修改组件的默认样式?

方法一:/deep/
方法二:>>>
方法三:在外层添加一层div,设置自定义类名,再修改里边的样式, 格式.自定义类名 .需要修改的样式 {}。

ElementUI的穿梭组件如果数据量大会变卡怎么解决不卡的问题呢?

在 left-footer 的 slot 里面加个翻页组件,
并修改 filter-method 方法重绘穿梭机组件,
大概保持每页 50 条这样子。

ElementUI表格组件如何实现动态表头?

使用自定义表头,即 中传入自定义 slot。表头整体结构变化则得自己 v-for 表头配置拼

<el-table-column> 重绘
<template v-for="item in tableColownms"> 
	<el-table-column v-if="item.type!='hidden'" :key="item.id" :prop="item.field" sortable :label="item.label"> 
</template>

ElementUI使用表格组件时有遇到过问题吗?

遇到表格的横向滚动条被固定列挡住的问题,在有合计的情况下(1:表格有横向滚动条,2:有固定列,3:底部有合计)满足这三个条件,
固定列的的宽度会把横向滚动条挡住,导致固定列下面滚动条不能拖动。

Object.freeze
这算是一个性能优化的小技巧吧。在我们遇到一些 big data的业务场景,它就很有用了。尤其是做管理后台的时候,经常会有一些超大数据量的 table,或者一个含有 n 多数据的图表,这种数据量很大的东西使用起来最明显的感受就是卡。但其实很多时候其实这些数据其实并不需要响应式变化,这时候你就可以使用 Object.freeze 方法了,它可以冻结一个对象(注意它不并是 vue 特有的 api)。
当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter,它们让 Vue 能进行追踪依赖,在属性被访问和修改时通知变化。
使用了 Object.freeze 之后,不仅可以减少 observer 的开销,还能减少不少内存开销。相关 issue。
使用方式:this.item = Object.freeze(Object.assign({}, this.item))

有用过哪些vue的ui?说说它们的优缺点?

个人认为iview比elementUI好看,elementUI在多级联动菜单有一个bug(父子value一样的时候不显示) ?

mint-ui使用过程中有没有遇到什么坑?怎么解决的?

1,样式不容易被修改,可以用/deep/或者》》》进行复写;
2,Field组件在ios上,输入框的提示信息太靠后,由label引起的,所以不要用它自带的label做提示名
3,无限滚动

Logo

前往低代码交流专区

更多推荐