美文网首页Pythoner集中营测试开发实践
解决Flask与Vue.js模板冲突问题

解决Flask与Vue.js模板冲突问题

作者: 严北 | 来源:发表于2018-07-28 22:42 被阅读1次

现在主流的Python web框架中,模板的表达式声明都大同小异,常见的有{{ something }}{% something %}两类,而前者与Vue.js的语法冲突,导致在运行Python(例如Flask)时,Vue语法被Python解析触发报错。

对于Flask,解决该问题的方式最简单的就是在Vue实例的DOM外,通过声明raw,表示其中的内容不由flask转义即可解决冲突:

{% raw %}
​<div>
{{vue}}
​</div>
{% endraw %}

相关文章

网友评论

    本文标题:解决Flask与Vue.js模板冲突问题

    本文链接:https://www.haomeiwen.com/subject/rimamftx.html