#vue.js #vue-component #vue-props
Вопрос:
Я хочу передать псевдоклассы TailwindCSS дочернему компоненту. Однако я получаю сообщение об ошибке (ошибка синтаксического анализа. Неожиданный знак :…).
Вот мой код:
<cartImage :images="p.images" :classNames="hover:grow hover:shadow-lg" />
Ответ №1:
Похоже, вам просто нужно передать статическое значение classNames опоре. Поэтому вам нужно только удалить толстую кишку вот так:
<cartImage :images="p.images" classNames="hover:grow hover:shadow-lg" />
Комментарии:
1. это было решением проблемы. Спасибо. я приму одежду через 5 минут.
Ответ №2:
Когда вы это сделаете :
:classNames="hover:grow hover:shadow-lg"
он будет hover:grow hover:shadow-lg рассматриваться как допустимое утверждение или переменная, которая на этом этапе завершится ошибкой.
Если вы хотите сдать String экзамен, у вас есть 2 варианта :
Либо со статической опорой
classNames="hover:grow hover:shadow-lg"
Или вы заключаете ввод в 2 одинарные кавычки '...' :
:classNames="'hover:grow hover:shadow-lg'"
Комментарии:
1. Спасибо, что указали на две возможности. этот ответ также приемлем.