宝哥软件园

详细解释django模板和vue.js的冲突

编辑:宝哥软件园 来源:互联网 时间:2021-08-21

问题:

django模板和vue.js的变量用“{{”和“}}”包装。渲染django模板时,首先会替换所有的“{”和“}}”及其包装的内容,这样vue.js就不会使用“{{”、“}}”来绑定变量。

处理方法:

方法1:修改vue.js的默认绑定符号

Vue.config .分隔符=['[',']]'];执行此操作后,可以使用“[”、“]”来绑定变量的数据

方法二:使用模板的标签输出“{{“,“}}”

django模板的Templatetag可以在渲染模板时输出模板标签,标签参数和输出如下:

我们可以在模板中使用它

{%template tag open变量%} {%template tag close变量%}而不是“{{“,“}}”

方法3:禁用django模板呈现

Django标签逐字可以使包装在其中的代码原样输出,而无需呈现

{%逐字%} { { vue } } {%逐字%}我们可以在需要用于vue.js的地方使用{ %逐字% } { % end逐字% }包

更多资讯
游戏推荐
更多+