Question

我正在与Jekyll一起使用vuejs，并且想为vue使用自定义定界符，因为jekyll使用相同的定界符。

这是一个静态网站。我使用vuejs v2.6.10，vuetify v2.0.0beta-4和jekyll v3.8.0。

这是我组件的一部分：

<v-card-text style="min-height: 300px;">
            <div class="pr-3 pl-3">
              <h2 class="text-xs-center mb-2">${ teaser.title }</h2>
              <v-divider class="mb-3"></v-divider>
              <p style="text-align: left;">${ teaser.text } <a class="primary--text" style="text-decoration: none;" href="#">Weiterlesen</a></p>
            </div>
          </v-card-text>

        </v-card>
      </v-flex>

    </v-layout>

在我的布局中，我只是将其作为纯文本（例如“ $ {teaset.title}”）

我也没有出现任何错误。

Answer 1

如果要在html部分呈现变量值，请执行以下操作：

    <v-card-text style="min-height: 300px;">
            <div class="pr-3 pl-3">
              <h2 class="text-xs-center mb-2"> {{ teaser.title }} </h2>
              <v-divider class="mb-3"></v-divider>
              <p style="text-align: left;"> {{ teaser.text }} <a class="primary--text" style="text-decoration: none;" href="#">Weiterlesen</a></p>
            </div>
          </v-card-text>

        </v-card>
      </v-flex>

    </v-layout>

只需删除$并使用双"{{" and "}}"

为什么Vue.js中的自定义分隔符不起作用？

1 个答案: