Например, это выдаст ошибку Vue:

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/{{ form.screw.drive_image }}" >

Я пишу {{ form.screw.drive_image }} в подпорке.

Из предупреждений Вью не ясно, что я должен сделать, чтобы решить.

Любая идея?

1
Luca Reghellin 20 Авг 2018 в 16:21

3 ответа

Лучший ответ

Благодаря Дереку (см. Комментарии выше), правильный ответ:

:src="'<?= get_stylesheet_directory_uri(); ?>/images/' + form.screw.drive_image"

Обратите внимание на следующее:

  • :src является сокращением для v-bind:src
  • <?= является сокращением для <?php echo [...]
  • В этом случае данные Vue не нуждаются в фигурных скобках
  • Вычисления в подпорках Vue - это javascript, поэтому в: src мы используем + для объединения
2
Luca Reghellin 20 Авг 2018 в 13:39

Вы можете использовать v-bind сокращенную запись из документация:

Динамическое связывание одного или нескольких атрибутов или компонента в выражении.

Формат:

<img :src="'some_string' + some_data">

Конечный продукт:

<img :src="'<?=get_stylesheet_directory_uri(); ?>/images/' + form.screw.drive_image">
1
Derek Pollard 20 Авг 2018 в 13:42

Вы должны использовать

<img v-bind:src="form.screw.drive_image" />

И измените значение form.screw.drive_image , чтобы включить get_stylesheet_directory_uri ()

0
José Matos 20 Авг 2018 в 13:31
51931685