Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 February 03

⚜️Тихий Дон⚜️ in Nuxt.js — русскоговорящее сообщество
Yehor Skrypnyk
<template>
     <div>
       <SomeComponentDependingOnStripe v-if="isStripeLoaded"/>
     </div>
   </template>
   <script>
   // /pages/payment-page.vue
   export default {
     data () {
       return {
         isStripeLoaded: false
       }
     },
     head () {
       return {
         title: 'Payment Page - My awesome project',
         script: [
           {
             hid: 'stripe',
             src: '<https://js.stripe.com/v3/>',
             defer: true,
             // Changed after script load
             callback: () => { this.isStripeLoaded = true }
           }
         ]
       }
     }
   }
   </script>

тебе нужно проверить загружен ли скрипт в этом месте
scriptMethod(payload, 1)
так ну вариант с mounted мне похоже не подходит. Отрабатывает быстрее чем происходит коллбек скрипта
источник

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество
⚜️Тихий Дон⚜️
так ну вариант с mounted мне похоже не подходит. Отрабатывает быстрее чем происходит коллбек скрипта
так у тебя там должен быть флаг, что бы не отрабатывать раньше загрузки скрипта
источник

⚜️Тихий Дон⚜️ in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
так у тебя там должен быть флаг, что бы не отрабатывать раньше загрузки скрипта
вешаю if (process.browser && this.isScriptLoaded) и он не входит в это условие
источник

⚜️Тихий Дон⚜️ in Nuxt.js — русскоговорящее сообщество
или я где то дико туплю
источник

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество
⚜️Тихий Дон⚜️
вешаю if (process.browser && this.isScriptLoaded) и он не входит в это условие
а у тебя это условие вновь проверится когда isScriptLoaded поменяется?)
источник

⚜️Тихий Дон⚜️ in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
а у тебя это условие вновь проверится когда isScriptLoaded поменяется?)
компьютед?)
источник

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество
⚜️Тихий Дон⚜️
компьютед?)
предположительно, или вотч или еще что-то что перезапустится после смены переменной
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
⚜️Тихий Дон⚜️
так ну вариант с mounted мне похоже не подходит. Отрабатывает быстрее чем происходит коллбек скрипта
<script onload="code" src="bla"></script>
источник

YS

Yehor Skrypnyk in Nuxt.js — русскоговорящее сообщество
⚜️Тихий Дон⚜️
компьютед?)
можно(но это не точно) прям на коллбек навесить функцию
источник

⚜️Тихий Дон⚜️ in Nuxt.js — русскоговорящее сообщество
Yehor Skrypnyk
можно(но это не точно) прям на коллбек навесить функцию
а вот это вроде завелось
источник

⚜️Тихий Дон⚜️ in Nuxt.js — русскоговорящее сообщество
благодарю. Буду тестить)
источник

AP

Alexander Proydenko in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
экшены не подходят прям  совсем
хочу похоливарить с тобой по этому поводу
источник

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество
Alexander Proydenko
хочу похоливарить с тобой по этому поводу
а я не хочу ;)
источник

AP

Alexander Proydenko in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
а я не хочу ;)
конфликт исчерпан
источник

AP

Alexander Proydenko in Nuxt.js — русскоговорящее сообщество
https://medium.com/canariasjs/vue-api-calls-in-a-smart-way-8d521812c322
прочитал эту статью и убедился что это совсем неправильно
источник

С

Сергей in Nuxt.js — русскоговорящее сообщество
Парни. Вопрос. На стороне бакэнда генерится html-код форм, я загружаю его с axois'ом и встраиваю в элемент с помощью v-html
Два вопроса.
1. - возможно ли каким то образом встраивать асинхронный контент, что бы в нем использовать компонеты vuetify (типа v-form v-card и т.д.)?
2. - как мне повесить событие на кнопку в этом асинхронном html? Определения событий в methods а затем попытка его вызвать с помощью onClick результатов не дает. Как правильно сделать?
источник

AP

Alexander Proydenko in Nuxt.js — русскоговорящее сообщество
Сергей
Парни. Вопрос. На стороне бакэнда генерится html-код форм, я загружаю его с axois'ом и встраиваю в элемент с помощью v-html
Два вопроса.
1. - возможно ли каким то образом встраивать асинхронный контент, что бы в нем использовать компонеты vuetify (типа v-form v-card и т.д.)?
2. - как мне повесить событие на кнопку в этом асинхронном html? Определения событий в methods а затем попытка его вызвать с помощью onClick результатов не дает. Как правильно сделать?
render функция
источник

С

Сергей in Nuxt.js — русскоговорящее сообщество
Мужики как вызвать метод через глобальный объект window ?
источник

МД

Мексиканский Джокер in Nuxt.js — русскоговорящее сообщество
Сергей
Мужики как вызвать метод через глобальный объект window ?
window.method()
источник

С

Сергей in Nuxt.js — русскоговорящее сообщество
не работает
источник