...

VUE в виджет-код

Тема в разделе "Примеры сценариев", создана пользователем bashorin, 8 янв 2024.

Метки:
  1. bashorin

    bashorin Участник

    Код:
    
    <div id="app">{{ message }}</div>

    <
    script type="module">
      
    import createAppref from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'

      
    const app createApp({
        
    setup() {
          const 
    message ref('Hello Vue!')
          return {
            
    message
          
    }
        }
      })
      
    app.mount('#app')
    </script>
    Передача данных из Сценариев в виджет код для VUE : Функция в Сценариях только не async, возвращает подготовленное ранее значение:
    Код:
    
    function getNomen() {
        if(
    Context.data.nomenclature_data)
            return 
    Context.data.nomenclature_data
    }
    , где Context.data.nomenclature_data - строковый тип

    Функция в Виджет коде каким-то образом приняла строковое значение и преобразовало в объект (в данном случае массив):

    Код:
    
    const = <%= Scripts.getNomen() %>
    let listIndustryArray ref(i)
    , где ref(i) принимает массив для отрисовки элементов:


    Код:
    
    <div class="listIndustry-container" v-for='listItem in listIndustryArray'>
    Добавить поддержку console, window:
    Код:
    
    computed: {
          
    console: () => console,
          
    window: () => window,
    }
    Последнее редактирование: 11 янв 2024