vxe-grid 默认展示输入框

VxeGrid 是 Vue 中的一个强大网格插件，它提供了一个高度可定制的表格和数据展示解决方案。默认情况下，VxeGrid 并不会直接展示输入框，它主要是用于显示和编辑已有的数据。如果你想在某些特定列上添加输入功能，通常需要在列配置中启用列的可编辑属性（editable），然后可能还需要配合使用`edit-row`或`edit-cell`组件来进行交互操作。

例如，如果你想要在某列上创建一个可以输入的单元格，可以这样做：

<template>
  <vxe-grid
    :columns="columns"
    @edit-commit="onEditCommit"
  >
    <!-- ... -->
  </vxe-grid>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        { field: 'name', title: '姓名', editable: true },
        { field: 'age', title: '年龄', editable: true },
        // 更多列...
      ]
    };
  },
  methods: {
    onEditCommit({ row }) {
      // 编辑完成后处理数据更新的逻辑
    }
  }
};
</script>

在这里，`editable: true` 就启用了编辑模式，用户可以直接修改对应的单元格内容。当用户完成编辑并提交时，`@edit-commit`事件会触发`onEditCommit`方法，你可以在此处更新数据库或状态管理工具。