vxe-table中vxe-input
时间: 2023-11-07 13:03:06 浏览: 643
vxe-table vue表格解决方案 v2.11.0.zip
vxe-table是一个基于Vue.js的PC端表格组件,它支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、弹窗、自定义模板、渲染器等功能。vxe-table中的vxe-input是用于表格编辑的输入框组件。
在给vxe-table的列配置项中,使用vxe-column组件可以定义表格的列,并通过edit-render属性来自定义列的编辑渲染。在edit-render属性中,通过template标签可以定义自定义的表单元素,比如vxe-input。在这个例子中,vxe-column中定义了两个列,分别是字段名称和字段编码,它们的编辑渲染都是通过vxe-input来实现的。
在getPinyin(row)方法中,通过js-pinyin库将字段名称转换为首拼解析,并将解析结果赋值给字段编码。
阅读全文