SOURCE

var Main = {
    data () {
        return {
            tableData: [],
            gridOptions: {
                border: true,
        editConfig: {
          trigger: "click",
          mode: "row",
          enabled: true,
        },
        columns: [
          { type: "seq", width: 60 },
          {
            field: "name",
            title: "Name",
            type: "html",// 注释此行后可以触发
            editRender: { name: "$input" },
            formatter: ({ cellValue }) => cellValue + "test",
            slots: { edit: "test" },
          },
          { field: "sex", title: "Sex", editRender: { enabled: true, name: '$input' } },
          { field: "date", title: "Date" },
          { field: "address", title: "Address" },
        ],
        data: [],
            }
        }
    },
    mounted () {
        var list1 = []
        var list2 = []
        for(var index = 0; index < 3; index++){
            list1.push({
                name: 'test' + index,
                role: 'developer',
                sex: 'Man',
                date: '2019-05-01',
                time: 1556677810888 + index * 500,
                region: 'ShenZhen',
                address: 'address abc' + index
            })
            list2.push({
                name: 'test' + index,
                role: 'developer',
                sex: 'Man',
                date: '2019-05-01',
                time: 1556677810888 + index * 500,
                region: 'ShenZhen',
                address: 'address abc' + index
            })
        }
        this.tableData = list1
        this.gridOptions.data = list2
    }
};

Vue.createApp(Main).use(VXETable).mount('#app')

<script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
<script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
<script src="https://cdn.jsdelivr.net/npm/vxe-table@next/lib/index.umd.js"></script>
<!-- 使用 cdn 引用方式需要注意是否锁定版本，默认指向最新版本 -->

<div id="app">
    <div>
      <p>Grid 演示</p>
      <vxe-grid v-bind="gridOptions">
          <template #test>
              <input/>
          </template>
      </vxe-grid>
    </div>
</div>

@import url("https://cdn.jsdelivr.net/npm/vxe-table@next/lib/style.css");