关于乾坤的样式隔离带来的问题
关于乾坤的样式隔离 experimentalStyleIsolation
,网上一搜都有好多,例如:
其实引入一个配置去解决问题,可能会引入新的问题,但是问题能否解决,也取决于使用工具的人。
关于乾坤的样式隔离 experimentalStyleIsolation
,网上一搜都有好多,例如:
其实引入一个配置去解决问题,可能会引入新的问题,但是问题能否解决,也取决于使用工具的人。
饿了么表格性能一直是有些问题的,特别是使用了固定列,表格会把固定列克隆出来一份,这样会导致渲染很多冗余DOM,随着数据量的增加,冗余DOM也会变多,如果固定列再使用插槽,里面嵌套复杂的组件,性能会下降更多。
最近在做表格的性能优化,发现如果不考虑IE浏览器的情况,可以使用 position: sticky
来实现固定列。
根据官方文档可以这么配置:
import Vue from 'vue';
import Element from 'element-gui';
import 'element-gui/lib/theme-chalk/index.css';
Vue.use(Element, { size: 'small', zIndex: 3000 , duration: 5000 });
但是实际项目中,可能需要针对某个组件进行一些属性的全局配置,这时候就可以使用下面的方法:
import Vue from 'vue';
import Element from 'element-gui';
import 'element-gui/lib/theme-chalk/index.css';
ElementUI.Tabs.props.type = { type: String, default: 'border-card' }
Vue.use(ElementUI);
但是某些情况,上面方法可能不太适应,例如给所有 el-input
添加 placeholder
。