我希望能够在Vue组件的模板中定义块,如下所示:
{# templates/blog/layout.html.twig #}
{% extends 'base.html.twig' %}
{% block body %}
<h1>Blog Application</h1>
{% block content %}{% endblock %}
{% endblock %}
然后在不同的组件中使用上面的模板,如:
{# templates/blog/index.html.twig #}
{% extends 'blog/layout.html.twig' %}
{% block content %}
{% for entry in blog_entries %}
<h2>{{ entry.title }}</h2>
<p>{{ entry.body }}</p>
{% endfor %}
{% endblock %}
示例来自:https://symfony.com/doc/current/templating/inheritance.html
这个是可能的吗?我已经在使用扩展API (https://vuejs.org/v2/api/#Vue-extend)了,但是覆盖特定的块是不可能的。
谢谢:)
发布于 2018-07-06 17:06:39
Vue本身不允许/支持这一点,不。
但是,如果您使用的是Vue的Single File Components
,您可以使用支持此功能的模板引擎,如pug或nunjucks来编写模板。
要了解如何在vue-loader中使用pug,请参阅here。
https://stackoverflow.com/questions/51206050
复制相似问题