Element-UI+Vue模式使用总结

前端  /  管理员 发布于 5年前   406

项目框架

Element-ui+Vue+jQuery+Bootstrap+Echarts。

嵌入vue使用的是

表头固定，表身滚动

方案①：el-table，卡死，据说和vue版本有关系，但是升级了仍然卡死，抛弃。
方案②：table，要设置display:table; table-layout: fixed;，布局有局限性。
方案③：div+el-col模拟table。

表格滚动无限加载

可以用插件，但为了轻量就自己写吧，此处用jQuery。

多个echarts

既然使用了vue，嵌入echarts最好的方式当然是组件，将echarts封装成组件，再通过v-for循环，每次数据更新再setOption。

后记

使用这个框架做项目断断续续也做了很久了，一直都没有特意去总结，导致每次都要翻从前的代码，回忆良久，例如el-checkbox，不同于其他表单项，它的label才是真正的value，每次都要重新查阅文档+回忆，其实是很费时的。

总结项目套路是很有必要的，我觉得随着工作时间增长，一个人是进步，还是重复工作，和会不会总结有本质联系。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• Vue+Element使用富文本编辑器的示例代码
• Vue2.0 UI框架ElementUI使用方法详解
• vue使用Element组件时v-for循环里的表单项验证方法
• Vue Element使用icon图标教程详解(第三方)
• vue中使用element-ui进行表单验证的实例代码
• 使用Vue.js和Element-UI做一个简单登录页面的实例
• vue使用ElementUI时导航栏默认展开功能的实现
• vue2.0 使用element-ui里的upload组件实现图片预览效果方法
• Vue项目查看当前使用的elementUI版本的方法
• vue elementUI使用tabs与导航栏联动
• 使用vue-cli导入Element UI组件的方法
• Vue + Element UI图片上传控件使用详解