Блог

У меня есть функция, которая создает текстовое поле, которое изменяется внутри каждого name . Дело в том, что я хочу, чтобы один из этих аргументов описания разрешал гиперссылку в тексте. пример:

 var maps = new Vue({
   el: "#maps",
   data: {
      selected: 'US County'
      maps = [
       { 
           name: 'US County'
           description: "This is where I want my **hyperlink** to go"
       }
      ]
   }
 })
 

Я хочу, чтобы гиперссылка была в этом аргументе описания среди отдельного текста .. Я пытался использовать <a href... , но это не сработало.

Я относительно новичок в HTML и Vue JS, поэтому прошу прощения, если этот вопрос не совсем имеет смысл.

Если вы используете Vue 2, ознакомьтесь с этой страницей, на которой показано, как привязать переменную и отобразить ее как HTML. Вы также захотите сохранить свое описание HTML в качестве литерала шаблона

Шаблон должен быть чем-то похожим на:

 <template>
  <div v-html="maps[0].description"></div>
</template>
 

Обратите внимание на обратные ссылки в описании. Это называется шаблонным литералом. Ваш сценарий должен быть похож на следующий:

    var maps = new Vue({
   el: "#maps",
   data: {
      selected: 'US County'
      maps = [
       { 
           name: 'US County'
           description: `This is where I want my <a href="blahblah">link</a> to go`
       }
      ]
   }
 })