Добавление строк «x» в таблицу SQL на основе пользовательского ввода

Question

У меня есть приложение, которое имеет редактируемые строки таблицы через Vue, которые отображаются из базы данных. На данный момент есть кнопка (добавить строку), которая при нажатии вызывает запрос для вставки строки в базу данных. Есть ли способ получить пользовательский ввод для автоматического добавления 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}`})
  })
})

Answer 1

Создайте элемент пользовательского интерфейса, в котором пользователь может ввести количество строк, которые нужно добавить, и либо изменить функцию, которая в настоящий момент добавляет строку, чтобы добавить несколько, либо вызвать ее в цикле на основе этого ввода.

Как сказал Дейл, нам, вероятно, понадобится увидеть код, чтобы помочь в дальнейшем.