Как интерполировать переменную внутри строки в VueJS - PullRequest
Новая
       11

Как интерполировать переменную внутри строки в VueJS

2 голосов
/ 05 мая 2020

Я хотел бы интерполировать строку в VueJS, которая содержит переменные и html. Есть ли какой-либо вариант в компоненте Vue?

. vue

<template>
    <div v-html="test1"></div>
</template>


<script>
export default {
  name: 'component',
  data() {
    return {
      test: "test interpolation",
      test1: " <p> some text {{ test }} </p>",
    };
  },
}
</script>

Строка в переменной test1 загружается из файла Json после запроса Http

1 Ответ

0 голосов
/ 06 мая 2020 
export default {
    data () {
      return {
        rawHtml: "<h1> This is some HTML </h1>",
      }
    },
    render(){
        return(
          <div>
            <div domPropsInnerHTML={this.rawHtml}> </div>
          </div>
        )
      }
}
  • domPropsInner HTML атрибут выполняет ту же задачу, что и v- html, он устанавливает для содержимого div значение raw Html.

См. Подробнее

Подробнее Пример

...