首页 > 其他 > 详细

twig vue 解决冲突

时间:2020-12-16 18:51:36      阅读:41      评论:0      收藏:0      [点我收藏+]

twig为模板引擎的网站使用vue会冲突

twig {{ }}

vue {{ }}

vue的值解析不出来,显示不出来。

解决方法:

<div id="app">
  ${message}
</div>

new Vue({
    el:‘#app‘,
    delimiters: [‘${‘, ‘}‘], //更改解析格式
    data: {
        message:‘Hello World!‘
    }
});

https://stackoverflow.com/questions/31480612/conflict-on-template-of-twig-and-vue-js

 

解决方法2:

这次我们从October cms下手,October支持“不解析”标签,在不解析标签里面的内容会作为文本对待而不做任何解析,语法如下:
<pre>
{% verbatim %}
{{ foo }}
{% endverbatim %}
</pre>
例如:
<pre>
{% verbatim %}
<div>Hello {{ name }}, this is parsed by AngularJS</div>
{% endverbatim %}
</pre>



作者:衣咸
链接:https://www.jianshu.com/p/7a436c5a3975
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

 

twig vue 解决冲突

原文:https://www.cnblogs.com/ZhYQ-Note/p/14144487.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!