美文网首页
1. nunjucks 和 vue 的冲突

1. nunjucks 和 vue 的冲突

作者: eftales | 来源:发表于2020-04-16 16:46 被阅读0次

nunjucks 和 vue 都是用 {{ }} 进行渲染的,两个混用的话都被理解为 nunjucks 的内容,就没有使用 vue 了。
从 vue 和 nunjucks 两个角度都有解决方法:

更改 vue 的 delimiters

Vue.config.delimiters 记录的是 vue 渲染内容的位置,默认是 {{ }},只需要将这个自定义掉就好。
但是不推荐这种方法,更改 vue 原本的设定会让代码难以让他人理解。

{{ }} 两边加上 {% raw %} {% endraw %},告诉 nunjucks 不要渲染

更加推荐这个。
原本是 {{ result }}
现在是 {% raw %} {{ result }} {% endraw %}

相关文章

网友评论

      本文标题:1. nunjucks 和 vue 的冲突

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