主页 / 问题 / 1048851
Accepted
Proshka
Asked:2020-11-21 17:44:44 +0000 UTC2020-11-21 17:44:44 +0000 UTC

如何让 OpenCart 3 和 VUE.js 成为朋友

  • 772

事实上，在 Opencart3 中，{{}} 指令负责在 .twig 模板中显示变量。在 VUE 中，{{}} 指令还负责显示变量。结果，当连接到VUE twig模板时，什么都没有显示

树枝模板：

 <section id="app">
   <p v-on:click="delBr">{{ age }}</p>
 </section>

<script>
var app = new Vue({
    el: '#app',
    data: {age:25},
    methods: {
        delBr: function(){
            var width = document.body.clientWidth;
            if(width < 992)
                console.log(width)
        }                
})
</script>

delBr 功能有效

vue.js

1 个回答

  1. Best Answer

    您可以使用所谓的分隔符。例子： 

    new Vue({
 delimiters: ['${', '}']
})

// Разделители изменены на стиль строк-шаблонов в ES6

    或者，如果您不想更改分隔符-Vue您可以在Twig

    $app->before(function() use ($app){
    $app['twig']->setLexer( new Twig_Lexer($app['twig'], [
        'tag_comment'   => ['[#', '#]'],
        'tag_block'     => ['[%', '%]'],
        'tag_variable'  => ['[[', ']]'],
        'interpolation' => ['#[', ']'],
    ]));
});
    • 1

相关问题