SOURCE

var Main = {
  data() {
    return {
      tableData: []
      ,enterdown:true
      ,txtTs:false
      ,voiceTs:false
      ,totalCount:99
       ,tableToolbar: {		           
		           /*refresh: true,
	               import: true,
	                export: true,
	                perfect:true,
	                 print: true,*/
	                zoom: true,
	                custom: true,
	                 slots: {
	                    buttons: 'toolbar_buttons' 
	                  }  
		          },
    }
  },
  methods:{
 
 exchangeEnter()
    {
           /* if(this.enterdown===true)
                this.listGridX.keyboard-config.enterToTab=false;
             else 
                 this.listGridX.keyboard-config.enterToTab=true;
        */
    }
  },
  created () {
    var list = []
    for(var index = 0; index < 5; index++){
      list.push({
        name: 'test' + index,
        role: 'developer',
        sex: 'Man',
        date: '2019-05-01',
        time: 1556677810888 + index * 500,
        region: 'ShenZhen',
        address: 'address abc' + index
      })
    }
    this.tableData = list
  } 
 
};

var app = new Vue(Main).$mount('#app')

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
<script src="https://cdn.jsdelivr.net/npm/xe-utils@2.7.8"></script>
<script src="https://cdn.jsdelivr.net/npm/vxe-table@2.9.18"></script>
<!-- 使用 cdn 引用方式需要注意是否锁定版本，默认指向最新版本 -->
<!--:edit-config="{trigger: 'click', mode: 'cell'}"  -->
<div id="app">
    <div>
      
      <vxe-grid
        border
        ref="listGridX"
         :edit-config="{trigger: 'click', mode: 'cell'}"  
        :mouse-config="{selected: true}"  
        :keyboard-config="{ isEnter: true,enterToTab:true}"
        :toolbar="tableToolbar"
        :data="tableData">
          <template v-slot:toolbar_buttons>
           <vxe-button  status='primary' size="medium"  icon='fa fa-plus'  @click="" content="新建单据">
             <label style="margin:0px 0px 0px 10px" > 共</label>  
             <vxe-textarea  size="small" :autosize="{ minRows: 1, maxRows:1 }" style="display: inline-block;text-align: left;border: 1px solid black;vertical-align: middle;width:70px;border:none;margin:0px 0px 0px 0px;" v-model="totalCount" size="small"  :disabled=false :readonly=true  ref="getValue"  placeholder="" type="text"  clearable>           
          </vxe-textarea> 
             <label>条记录</label>
    
       </template>
        <vxe-table-column type="seq" width="60" ></vxe-table-column>
        <vxe-table-column field="name" title="Name" :edit-render="{name: 'input'}"></vxe-table-column>
        <vxe-table-column field="sex" title="Sex" :edit-render="{name: 'input'}"></vxe-table-column>
        <vxe-table-column field="date" title="Date" :edit-render="{name: 'input'}"></vxe-table-column>
        <vxe-table-column field="address" title="Address" :edit-render="{name: 'input'}"></vxe-table-column>
      </vxe-grid> 
    </div>
</div>

@import url("//unpkg.com/vxe-table/lib/style.css");