细枝字符串变量包含由VueJS编译的Javascript代码
我在将包含Javascript代码(例如,细枝字符串变量包含由VueJS编译的Javascript代码,javascript,vue.js,vuejs2,twig,Javascript,Vue.js,Vuejs2,Twig,我在将包含Javascript代码(例如,{{{console.log('Somethings')}}的字符串作为细枝字符串变量传递时遇到问题。 细枝模板: <div id="app"> <h1 class="main-heading heading--larger heading--left">{{ page_title }}</h1> </div 如果我传递一个包含Javascript代码的字符串(例如,{%set page_title='{{{c
{{{console.log('Somethings')}}
的字符串作为细枝字符串变量传递时遇到问题。
细枝模板:
<div id="app">
<h1 class="main-heading heading--larger heading--left">{{ page_title }}</h1>
</div
如果我传递一个包含Javascript代码的字符串(例如,{%set page_title='{{{console.log('Somethings')}}}%}
),我将看到浏览器打印
有些事
在控制台选项卡中
我希望浏览器不运行此JS代码(“console.log('Somethings')”)。我该怎么办?以下链接可能会解决您的问题不确定这将如何导致控制台打印
某些内容
,您没有在其周围添加任何
-标记?我确定控制台打印了某些内容!。我添加了脚本。我需要VUEJ避免编译{console.log('Somethings')}
页面标题={{console.log('Somethings')}}我明白你的意思了,要么更改delimeter,要么使用相同的delimeter,更改delimeters并不能解决问题,因为用户可以输入VUEJ的相同delimeter。假设我们将VueJS的delimeter更改为“${”和“}”。然后用户输入“${console.log('something')}”,无法在插值({{}}
)中运行语句。Vue使用用于创建虚拟dom表示的模板。链接可能回答问题,也可能不回答问题,但不建议在stackoverflow上使用仅链接回答
new Vue({
el: '#app',
})