django渲染模板时跟vue使用的{{ }}冲突解决方法

Posted chichung

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了django渲染模板时跟vue使用的{{ }}冲突解决方法相关的知识,希望对你有一定的参考价值。

var vm = new Vue({
    el: ‘#app‘,
    
    // 分割符: 修改vue中显示数据的语法, 防止与django冲突
    delimiters: [‘[[‘, ‘]]‘],   
    
    data: {
            ...
                }

通过delimiters声明,将Vue的模板变量变为了[[  ]]

以上是关于django渲染模板时跟vue使用的{{ }}冲突解决方法的主要内容,如果未能解决你的问题,请参考以下文章

Django模板语法和vue语法有冲突

如何解决Django与Vue语法的冲突

Django模版与vue.js渲染冲突问题

Vue 和 Django mustache 模板冲突

AngularJS 与 Django - 模板标签冲突

AngularJS 与 Django - 冲突的模板标签