5

Появилась такая проблема, есть Django приложение. Частично хотел начать переписывать фронт на Vue, но встала проблема одинакового синтаксиса шаблонизаторов. {{ value }} используется в обоих фреймворках и вроде бы я где-то находил решение подобной проблемы, но к сожалению повторно найти не смог. Vue на первое время тянется из CDN, поэтому делать SPA пока не вариант.

2 ответа 2

5

Есть два способа решить эту проблему.

  1. На стороне Django: Использовать в шаблонах вместо {{ some_varibale }} монструозную конструкцию {% templatetag openvariable %} some_varibale {% templatetag closevariable %}
  2. На стороне Vue: Переопределить разделители

    var app = Vue({
        el: '#app',
        delimiters: ['[[', ']]']
    });
    
4

Кажется наиболее удобный способ - все Vue-шаблоны заключить в Django-теги: verbatim:

{% verbatim %}
<modal-dialog>{{header}}</modal-dialog>
{% endverbatim %}

Весь код внутри verbatim будет вставлен в результирующий html "как есть". Далее на стороне браузера Vue спокойно продолжит с ним работать

1
  • Хорошее решение, но с обилием vue это много избыточного кода. 6 ноя 2018 в 4:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.