Sql server 添加';x';基于用户输入的SQL表的行

Sql server 添加';x';基于用户输入的SQL表的行,sql-server,vue.js,Sql Server,Vue.js,我有一个应用程序,它通过Vue显示数据库中的可编辑表行。现在有一个按钮(addline),单击该按钮时调用查询将行插入数据库。有没有一种方法可以让用户输入自动添加x行,而无需多次单击(添加行)按钮 这是前端按钮: input(style="margin-right: 50px;" type="submit" value="Add Line " @click="addLine(query_number)") 这是调用后端查询的Vue函数 addLine(query_number) { le

我有一个应用程序,它通过Vue显示数据库中的可编辑表行。现在有一个按钮(addline),单击该按钮时调用查询将行插入数据库。有没有一种方法可以让用户输入自动添加x行,而无需多次单击(添加行)按钮

这是前端按钮:

input(style="margin-right: 50px;" type="submit" value="Add Line  " @click="addLine(query_number)")
这是调用后端查询的Vue函数

addLine(query_number) {
  let line = {
    "quote_number": this.query_number
  }

  this.$http.post(`/api/quote/line/?quote_number=${query_number}`, line).then(res => {
    if(res.data.error) {
      this.$root.updateError(res.data.error)
    } else {
      this.$router.go(`/quote/line/?quote_number=${query_number}`), this.$root.updateSuccess(res.data.message)
    }
  }).catch(error => {
    this.$root.updateError(error)
  })
},
最后是电话留言:

.post(checkAuthentication, (req, res) => {
  let request = new sql.Request(pool)
  let add_newLine = `
  insert into quote_line (
    quote_number,
    line_number,
    item_id,
    created_at
  )
  output Inserted.*
  Values (
    ${req.query.quote_number},
    ((select count(quote_number) as [count]
      from quote_line
      where quote_number = ${req.query.quote_number || ''}) + 1),
    'new item line',
    getDate()
  )`

  request.query(add_newLine, (error, result) => {
    if(error) {
      throw new Error(error)
      res.json({"error": `${error}`})
    }
    res.json({"message": `Successfully added a new line to ${req.query.quote_number}`})
  })
})

创建一个UI元素,用户可以在其中输入要添加的行数,并根据该输入修改当前添加一行以添加多行的函数,或在循环中调用该函数


正如Dale所说,我们可能需要查看代码以进一步提供帮助。

您需要向我们展示您的现有代码,以便我们为您提供帮助。除非您打算实时更新数据库,否则我建议考虑在明确提交更改之前,仅在客户端存在新行;作为一个附带的好处,这种设计以恢复(自上次保存以来所做的更改)的形式提供了基本的撤销。