因为jinja的模板是{{item}},vue的模板也是{{item}},改其中一个就可以
方法一 :
new Vue({
el: '#app',
delimiters: ['{[', ']}'],//delimiters:改变默认的插值符号{{}}。
data: function () {
return {
barrageList: [],
imgList: [{filePath: '/E_commerce_page/static/src/images/1.png'},
{filePath: '/E_commerce_page/static/src/images/2.png'},
{filePath: '/E_commerce_page/static/src/images/3.png'},]
}
},
<div>
<div class="barrage-name">{[item.user_id_name]}</div>
<div class="barrage-description">{[item.name]}</div>
</div>
方法二:
app.jinja_env.variable_start_string = '{['
app.jinja_env.variable_end_string = ']}'