项目最近做到了一个功能需求,用户他们点击单元格可以输入文本
效果图demo
实现代码
一开始我是想自己写的,后面同事介绍了一个很好用的vue table插件,里面有一大堆很好用的表格demo,vxe-table网址 https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/use
无论你是要编辑文本还是下拉框,都是直接复制代码就可以使用了,最关键的是兼容element,你看得懂element文档就能看的懂这个,简单上手,以后需要写到复杂的表格的时候就可以来这里copy了。
npm 和引入
npm install xe-utils@3 vxe-table@3
import Vue from 'vue' import 'xe-utils' import VXETable from 'vxe-table' import 'vxe-table/lib/style.css' Vue.use(VXETable)