vue在input中输入后，按回车，提交数据

vue在input中输入后，按回车，提交数据

1.展示效果如下：

2.代码展示：

   <div>
            <el-input v-model="toAddNameText" @keyup.enter.native="toAddName()" placeholder="回车，即新增该竖杆名称" clearable></el-input>
          </div>

在return data:

 toAddNameText: '' // 回车新增名称

在methods：

 toAddName  () {
                console.log('新增名称', this.toAddNameText)
                console.log('获取到当前的弹框数据', this.tableData)
                this.tableData.push({
                    id: '110',
                    name: '张三'
                })
            }

在进行数据回车后可将此值push进遍历的数据中，及时查看，不必刷新，如果后台的id
是随机生成的，而不是前端提交过去的，那对此数据进行删除与编辑时，需要重新请求一遍
后台的数据，获取真实的数据库中的数据