Jade/Pug：变量不显示在mixin中

问题描述：

我是Jade/Pug的新手，当我没有将变量中的代码放在mixin中时它能正常工作，但是当我使用mixin时，没有任何内容显示变量。我希望有人能解释我如何正确使用变量mixins。Jade/Pug：变量不显示在mixin中

//-works 
.teacher-wrapper 
    .teacher-container 
    each student in students 
     .studentCardContainer.shadow90 
     .studentInfoContainer 
      .studentPhotoContainer 
      .studentPhoto 
       img(src="some_img.jpg") 
      .studentName= student //<------ works 
     .studentEmotionContainer 
      div text 
      div text

在这个例子中，我想用一个mixin为每个学生，但= student不工作。我也尝试了#{student}，但它没有奏效。

//- doesn't work 
.teacher-container 
    each student in students 
     +studentCard 

    mixin studentCard 
     .studentCardContainer.shadow90 
     .studentInfoContainer 
      .studentPhotoContainer 
      .studentPhoto 
       img(src="some_img.jpg") 
      .studentName= student//<------ doesn't work ? 
     .studentEmotionContainer 
      div text 
      div text

答

您需要设置student作为参数传递给你的mixin：

mixin studentCard(student) 
    .studentCardContainer.shadow90 
    .studentInfoContainer 
     .studentPhotoContainer 
     .studentPhoto 
      img(src="some_img.jpg") 
     .studentName= student 
    .studentEmotionContainer 
     div text 
     div text 

.teacher-container 
    each student in students 
    +studentCard(student)

Jade/Pug：变量不显示在mixin中

相关推荐