适当减少手机使用,有助于视力保护... 新的一年祝您:身体健康,阖家欢乐!~~

flask 模板与vue 的冲突,导致vue报错的解决方法

浏览量:1114 作者:admin 类别:: 学习笔记 更新时间:2022-10-11 12:33:20

模板的表达式声明常见的有{{ something }}这与Vue.js的语法冲突,

解决方法一、

flask 代码增加:

    

app.jinja_env.variable_start_string = '<<'  # 解决与vue 标签的冲突
app.jinja_env.variable_end_string = '>>'

    

这样,flask 模板中,变量用<<>>申明


解决方法二、

vue 代码增加:

delimiters: ['<<', '>>']  



那到vue的代码中就,用<<>>申明变量,但好像不可行。推荐使用delimiters: ['${', '}']  ,测试可行。


解决方法三:(这是我比较喜欢的方式

将vue的变量放到raw标签内


{% raw %}

<div id="app">

    {{ something }}

</div>

{% endraw %}


关于博主
北京南城网络及弱电【张工】为您提供:
校园网、楼宇、村镇、园区,光纤网络覆盖,无线覆盖 华为|H3c|锐捷|爱快|panabit等品牌,路由、交换机、AC、AP 无源光网络(PON)设备,布署、调试、维运,等服务...
应急/临时光纤熔接...[藤仓22S]
博文为学习python所写:内容摘自网络、学习笔记、记事备忘。
QQ:872876353,欢迎交流学习、加Q注明来意。

诗文鉴赏

《满江红》· 岳飞
落星侵晓没,
残月半山低。
怒发冲冠,
凭栏处、潇潇雨歇。
抬望眼、仰天长啸,壮怀激烈。
三十功名尘与土,八千里路云和月。
莫等闲、白了少年头,
空悲切。
源于生活-记录日常
The site based on python 3 with flask...