Связывание атрибута href в Jinja2 и Vuejs

Я хочу передать переменную из экземпляра Vue в атрибут href в jinja2. Итак, я хочу сделать что-то вроде этого:

<a :href="{{ url_for('slugwhatever', **{'name': name}) }}">Go to your page!</a>

Где второй name — это переменная, которую я хочу получить из Vue. Либо jinja2, либо Vue продолжают выдавать ошибки, потому что они интерполируются друг с другом. Как я могу заставить это работать? Есть ли хороший подход к этой проблеме?

Заранее спасибо.

См. также:  Тесты Cypress E2E не работают в режиме CI на gitlab.com
Понравилась статья? Поделиться с друзьями:
IT Шеф
Комментарии: 2
  1. yierstem

    Пытаться:

    <a :href="'{{ url_for('slugwhatever') }}/' + name">Go to your page!</a>
    

    Or:

    <a :href="'{{ url_for('slugwhatever', {'name': ''}) }}/' + name">Go to your page!</a>
    

    Примечание: у меня есть вход с v-моделью для этого name. Я сделал и то, и другое и получил / NaN на <a/>. person yierstem; 12.04.2018

    Можете ли вы добавить {{name}}, например ... name">Go to your page! {{ name }}</a>, только для отладки? Что это показывает? person yierstem; 12.04.2018

    По какой-то причине теперь он работает, но я получаю URL-адрес типа: /slugwhatever//<name> (с двойной косой чертой, отображение URL-адреса фляги не распознает его). Примечания: я установил для Vue разделители: @{}. У меня была ошибка с режимом отладки Flask (он был отключен без причины, поэтому я не мог видеть внесенные мной изменения). Есть ли способ удалить завершающую косую черту для url_for () во флаконе? Спасибо Редактировать: Я решил это, я забыл, что добавил сам, плохо. Еще раз спасибо person yierstem; 13.04.2018

  2. yierstem

    Вероятно, вы ищете разделители:

    https://vuejs.org/v2/api/#delimiters

    Я получаю Error compiling template: invalid expression: Invalid regular expression flags in /slugwhatever/name от Vue. Имя не заменяется, хотя я использую v-bind:. Примечание: я понял, что мне нужно изменить разделители, чтобы Vue не распознавал теги jinja как разделители, но это не работает. Примечание: я использую vue с компакт-диска для быстрой проверки. person yierstem; 12.04.2018

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: