Python笔记

flask的jinja和vue大括号转义符冲突问题

https://www.jianshu.com/p/33d02dd28b07

flask的jinja使用{{}}转义符，vue也是，所以就冲突了。（angularjs等也是一样）

解决方法就是修改其中一个，两种都可以，我的做法是修改flask的。
方法1：修改jinja的转义符，代码如下

app = Flask(__name__, template_folder="templates")

# 因为vue和render_template的模板都是用{{  }}，所以会冲突，将flask的修改为[[  ]]
app.jinja_env.variable_start_string = '[['
app.jinja_env.variable_end_string = ']]'

方法2：修改vue的转义符，代码如下（这个我没测试，需要的请自行验证一下）

// 1.x
Vue.config.delimiters = ['{[', ']}']
 
// 2.x
new Vue({
  delimiters: ['{[', ']}']
})