1

Possuo uma requisição para o back-end e sua URL está bem grande.

this
  .$http
  .get(`backoffice/usuarios/${this.id}/grupo/${this.grupo}/filial/${this.filial}/multinivel/${this.multinivel}`)
  .then(({ data }) => {
    this.items = data
  })
})

Visto que estou utilizando Template Strings do Javascript ES6, gostaria de saber como realizo uma quebra de linhas sem que ele coloque os espaços (%20) na requisição.

Sei que posso quebrar em várias constantes utilizando const, mas gostaria de saber se existe uma maneira de realizar a quebra de linha facilmente com ES6.

Já tentei com '/n', enter normal, e não funcionou.

A requisição é feita em um projeto Vuejs2.

1 Resposta 1

0

Se a ideia é somente facilitar a leitura podes fazer:

const url = `
  backoffice/
  usuarios/
  ${this.id}/
  grupo/
  ${this.grupo}/
  filial/
  ${this.filial}/
  multinivel/
  ${this.multinivel}
`;

this
  .$http
  .get(url)
  .then(({ data }) => {
    this.items = data
  })
})

Se o .get() não limpar os espaços em branco e quebras de linha junta .replace(/[\n\s]+/g, '').

const url = `
  backoffice/
  usuarios/
  ${this.id}/
  grupo/
  ${this.grupo}/
  filial/
  ${this.filial}/
  multinivel/
  ${this.multinivel}
`.replace(/[\n\s]+/g, '');

this
  .$http
  .get(url)
  .then(({ data }) => {
    this.items = data
  })
})

Também podias fazer isso com uma array (seria a minha escolha neste caso):

const url = [
  "backoffice",
  "usuarios",
  this.id,
  "grupo",
  this.grupo,
  "filial",
  this.filial,
  "multinivel",
  this.multinivel
].join('/');

this
  .$http
  .get(url)
  .then(({
    data
  }) => {
    this.items = data
  })
})

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .