Я использую автономный компонент Vue, который загружается через тег script:
<script src="https://unpkg.com/vue"></script>
<script src="/assets_bs/js/lap-form.min.js"></script>
В файле lap-form.js содержится компонент, из которого я могу добавить классы, такие как:
<lap-form
belowheading="Please fill out the form below for your FREE booklet."
belowheadingstyle="font-weight:700;text-align:left;color:#005aa1;font-size:18px;"
imageloc="assets/img/Q-A-Guide-4-768x849.png"
imagealt="Book cover of the Q&A: Planning"
imagestyle="width:364px;margin:auto;margin-bottom:14px;"
buttonid="subbut"
buttonclass="btn-gradient"
buttontext="Send Now"
fieldstyle="color:#005aa1;"
list="4">
</lap-form>
Я могу использовать реквизиты * стиля, и они отлично работают, и я могу использовать реквизиты * класса, такие как buttonclass = "". Единственные классы, которые работают, это классы в моем компоненте.
Кстати: the: class = "buttonclass" является правильным, поскольку я говорю, что это работает, если я буду содержать стиль в скомпилированном компоненте.
Как я могу получить доступ к классам на родительской странице