Как добавить router-link в vue js динамически - PullRequest
Новая
       6

Как добавить router-link в vue js динамически

0 голосов
/ 22 декабря 2018

У меня очень интересная проблема.Я возвращаю html с сервера как json.Моя возвращаемая строка html выглядит следующим образом

str2: " <span class="card_top_com_span link_color" ><router-link to="/profile/sadek3/about">numan sir</router-link> </span></span>, <span class="card_top_com_span link_color" ><router-link to="/profile/sadek3/about">sadek mia</router-link> </span> and 4 of your firiends commented on this post"

Это возвращается с сервера.Теперь я хочу добавить ссылку на спа.

Это может быть nuxt link, @click event for routing or a </router-link>

Я использую v-html в своем интерфейсе для вывода html.Это выводит правильно.

Есть ли способ сделать это?

Спасибо.

1 Ответ

0 голосов
/ 22 декабря 2018

Как сказано в комментариях, лучше отвечать с вашего сервера структурированными данными JSON.Тем не менее, вы можете заставить его работать, но вам нужно использовать <component></component>.Простое использование v-html не будет работать, если у вас есть router-link: 

<div id="app">
  <component :is="{template: theString}"></component>
</div>

new Vue({
    el: '#app',
  data: {
    theString: '<h3>Something Cool</h3>'
  }
})

https://jsfiddle.net/to8smxfb/

PS: Вам также нужно убедиться, что theString содержит только один кореньэлемент.Например, вы можете заключить строку в <div></div>.

...