Как сделать конкатенацию строк, если в строке содержится одинарная кавычка?

Question

[kodenji]

Во vue.js есть template

id = "'" + obj[i].id + "'"
symbol = "'" + obj[i].symbol + "'"
name = '"' + obj[i].name + '"'

В name такая строка: BlaBla's bar - есть одинарная кавычка, помещаю строку в двойные кавычки, код выше

template += '<tr>'
template += '<td><a href="#" @click.prevent="addRow(' + id + ',' + symbol + ',' + name + ')">Add to Row</a></td>'
template += '</tr>'

Не компилируется шаблон
BlaBla's bar")">Add to Row
Перепробовал кучу вариантов, гуглил, но больше сил нет)

Comments

[RAX7]

Вот так BlaBla\'s bar пробовали?

[kodenji]

RAX7, Пробовал, не компилирует. Есть вариант конечно просто вырезать кавычку, но как-то тупо же), хотя она у меня в паре строк встречается

Answer 1

[Дмитрий]

var kav = "'"
params = [obj[i].id, obj[i].symbol, obj[i].name].map(
    v => kav + ('' + v).replace(kav, "\\'") + kav
)

template += '<td><a href="#" @click.prevent="addRow(' 
    + params + ')">Add to Row</a></td>'

Comments

[kodenji]

Спасибо! В таком варианте работает)

Answer 2

[Антон Антон]

https://learn.javascript.ru/string

Если лень настраивать среду для использования однофайловых компонентов, переходите на X-Templates

А вообще судя по тому, как формируется текст шаблона - вы как то не поняли, зачем вообще нужен vue.

Comments

[kodenji]

Экранирование не работает
Вы правы, что так делать не надо) но это экспресс решение. Vue не против таких спопосбов

• Строковые шаблоны (например, template: '...')
  
• Однофайловые (.vue) компоненты
  
  

Думаю решение, переделать в таком формате(шаблонные строки) из примеров Vue

template: `
    <div class="blog-post">
      <h3>{{ post.title }}</h3>
      <div v-html="post.content"></div>
    </div>
  `

[Антон Антон]

kodenji, вам точно нужно по клику запускать функцию компонента с захардкоденными параметрами? Или должно быть все-таки что-то типа:

<td><a href="#" @click.prevent="addRow(id, symbol, name)">Add to Row</a></td>

без всяких кавычек и соединения строк

Answer 3

[nvdfxx]

про шаблонные строки прочитайте, интересная информация, говорят

Comments

[kodenji]

Спасибо, решение нашлось выше, но перепишу на шаблонные строки

[nvdfxx]

решение выше и не нужно с шаблонными строками

[kodenji]

Согласен, не принципиально пока)