@BelkinVadim
Frontend разработчик

Почему не работает передача объекта из переменной в mixin?

Собираю jade с помощью gulp. Есть mixin
mixin test(data)
    .block
        .block_heading #{data.heading}
        .block_text #{data.text}

При передаче в него данных
+test({heading: "Heading", text: "Text"})
выходит то что нужно.
Но если создать переменную с данными и передать её в mixin
- var dataTest = {heading: "Heading", text: "Text"}
+test(dataTest)

выходит ошибка
events.js:85
      throw er; // Unhandled 'error' event
            ^
TypeError: test.jade:3
    1| mixin test(data)
    2|     .block
  > 3|         .block_heading #{data.heading}
    4|         .block_text #{data.text}

Объясните в чем допускаю ошибку, и можно ли вообще передавать в mixin переменные?
  • Вопрос задан
  • 324 просмотра
Решения вопроса 1
@kostein
Сварщик - Верстальщик
Хм.. у меня работает.

mixin test(data)
    .block
        .block_heading #{data.heading}
        .block_text #{data.text}

doctype html
html(lang="en")
    head
        title
    body
        - var dataTest = {heading: "Heading", text: "Text"}
        +test(dataTest)


<!DOCTYPE html>
<html lang="en">
	<head>
		<title></title>
	</head>
	<body>
		<div class="block">
			<div class="block_heading">Heading</div>
			<div class="block_text">Text</div>
		</div>
	</body>
</html>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы