374  /  389
Справочник

Подключение стандартных компонентов

Просмотров: 1350
Дата последнего изменения: 03.02.2021

Для использования стандартного компонента подключите нужный экстеншн, например audioplayer:

\Bitrix\Main\UI\Extension::load("ui.vue.components.audioplayer");

Далее создайте vue и укажите нужный компонент:

BX.Vue.create({
        el: document.getElementById('placeholder1'),
        template: `<div>
            <bx-audioplayer src="https://cp.bitrix.ru/bitrix/js/im/audio/video-start.mp3" background="dark"/>
            <br>
            <bx-audioplayer src="https://cp.bitrix.ru/bitrix/js/im/audio/video-ringtone.mp3" background="dark"/>
            <br>
            <bx-audioplayer src="https://cp.bitrix.ru/bitrix/js/im/audio/video-stop.mp3" background="dark"/>
        </div>`,
    });

Если используется ES6 нотация, то в экстеншене напишите:

import "ui.vue.components.audioplayer";
import {Vue} from "ui.vue";

Vue.create({
        el: document.getElementById('placeholder1'),
       template: `<div>
           <bx-audioplayer src="https://cp.bitrix.ru/bitrix/js/im/audio/video-start.mp3" background="dark"/>
           <br>
           <bx-audioplayer src="https://cp.bitrix.ru/bitrix/js/im/audio/video-ringtone.mp3" background="dark"/>
           <br>
           <bx-audioplayer src="https://cp.bitrix.ru/bitrix/js/im/audio/video-stop.mp3" background="dark"/>
       </div>`,
   });

После чего запустите транспилятор Bitrix CLI и эти экстеншены будут добавлены в ваш экстеншен и все будет работать.



4
Курсы разработаны в компании «1С-Битрикс»

Если вы нашли неточность в тексте, непонятное объяснение, пожалуйста, сообщите нам об этом в комментариях.
Развернуть комментарии