Как вставить скрипт во Vue приложение?

Question

[dicem]

Суть, есть скрипт от amocrm со всякими социальными кнопочками, выглядит как то так:

<script>(function(a,m,o,c,r,m){a[m]={id:"........",hash:".................",locale:"ru",inline:true,setMeta:function(p){this.params=(this.params||[]).concat([p])}};a[o]=a[o]||function(){(a[o].q=a[o].q||[]).push(arguments)};var d=a.document,s=d.createElement('script');s.async=true;s.id=m+'_script';s.src='https://gso.amocrm.ru/js/button.js';d.head&&d.head.appendChild(s)}(window,0,'amoSocialButton',0,0,'amo_social_button'));</script>

Как правильно вставить его во Vue приложение? Пробовал напрямую в index.html, через createElement, через методы компонентов и вызовом на всех стадиях жизненного цикла и постоянно летят ошибки, хотя если тот же код вставить в обычный html без фреймворков и запустить в браузере, все отлично срабатывает.

Comments

[Алексей Ярков]

хотя если тот же код вставить в обычный html без фреймворков и запустить в браузере, все отлично срабатывает

Ну и почему бы так не сделать? У вашего приложения нет index.html?

[dicem]

Алексей Ярков, Есть, но таким образом сыпятся ошибки, но уже экосистемы amocrm, типа TypeError: Cant read property 'service_button' of undefined что то типа такого, дебажить это не представляю как это дебажить

[Эдуард Валеев]

Скажите пожалуйста, Вам удалось решить этот вопрос?

У меня сейчас та же задача - "родной" код не хочет работать. Но разобрав его - недопойму, как же его преобразовать и оптимизировать под vuejs

[dicem]

Эдуард Валеев, Смотря какой код у вас не работает, помню только, что в итоге тот код который я пытался вставить не работал со стороны AmoCRM и его исправляли уже там.

А что у вас именно?

Answer 1

[NM4ik]

Ты про это?