当前位置: 首页 > Web前端 > vue.js

vue几乎都会用到的几个组件库

时间:2023-04-01 10:49:41 vue.js

element:https://element.eleme.cn/#/zh-CN这个没什么好说的,现在可以做前端了,直接用官方文件。,多组件配合加上计算属性或者监听也可以绽放效果图等不同效果:输入前:输入后:主代码:<样式>.input-multiple-box{width:100%;边界半径:4px;边框:1px实心#dcdfe6;填充:05px;-高度:90px;溢出-y:自动;}#inputMultipleBox{/deep/.el-input__inner{边框:无;填充:0px;}.el-input{//宽度:100px;显示:内联;}}echarts:https://echarts.apache.org/zh/index.html没什么好说的,做过图表的都用过,翻文档vxe-table:https://vxetable.cn/#/table/start/install很多组件都比element强大,尤其是和table相关的组件,但是官网文档没有element那么友好,经常有找不到的说明或者属性,示例不是很完整,需要大量探索。draggable:https://github.com/SortableJS/Vue.Draggable是一个可以直接用鼠标拖动的穿梭框,能达到的效果不如element。中文文档太多可以参考:https://www.itxst.com/vue-draggable/tutorial.html一个自定义样式的简单例子;效果图:代码片段:先写到这里,老板有新需求,回去继续码字