Я передаю код для встроенного твита моему приложению Vue. js в виде строки и отображаю его с синтаксисом v-html
. Тем не менее, твит просто отображается как прямой текст, а не в стиле твитов, встроенных в Twitter. Однако, если я скопирую тот же html, который передается в виде строки, и вставлю его в мой документ вне приложения Vue, он будет работать нормально.
html, который передается в Приложение vue выглядит так:
<p><blockquote class=\"twitter-tweet\"><p dir=\"ltr\" lang=\"en\">Lots of people gathered <a href=\"https://twitter.com/KlydeWarrenPark\">@KlydeWarrenPark</a> to watch the memorial and Obama speech. <a href=\"https://twitter.com/hashtag/dallasstrong?src=hash\">#dallasstrong</a> <a href=\"https://twitter.com/debruijneline/status/752926266425217024\">pic.twitter.com/rx9WBTG9A0</a></p>— Eline de Bruijn (@debruijneline) <a href=\"https://twitter.com/debruijneline/status/752926266425217024\">July 12, 2016</a></blockquote>\n<script async=\"\" charset=\"utf-8\" src=\"//platform.twitter.com/widgets.js\"></script></p>
Я предполагаю, что файл twitter.com/widgets.js
не вызывается / не запускается в процессе рендеринга, но я не совсем уверен. Ценю любую помощь.