Просмотров: 743
Дата последнего изменения: 03.02.2021
Дата последнего изменения: 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 и эти экстеншены будут добавлены в ваш экстеншен и все будет работать.