问题:
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逐字% }包