Как объединить переменную JS с кодом PHP

Я использую Laravel с VueJS У меня простой код.

        <div class = "large-6 columns properties" v-for = "property in selectedProperties">
       <h6 class = "ribbon" v-if = "property.discount"><strong>@{{property.discount}} % OFF </strong></h6>
        <div class = "card">
      <img src = "{{asset("storage/$hotel->image")}}"> //Here i need to use property.image instead of $hotel->image
//How can i use this Js variable in asset() of php? 
      <div class = "card-section">
    @{{property.name}}

      </div>
    </div>
    </div>

Как я могу использовать property.image вместо $hotel->image в функции asset() laravel / PHP?

так же, как вы использовали выше <strong>@{{property.discount}} % OFF </strong>

WM-SH-PD-TV-FC 01.05.2018 14:13

Так нравится этот <img src = "@{{asset("storage/property.image")}}">? ИЛИ как этот <img src = "{{asset("storage/@{{property.image}}")}}">?

Rakesh Kohali 01.05.2018 14:16

Используйте <img src = "{{asset("storage")}}/@{{property.image}}">

apokryfos 01.05.2018 14:25

@apokryfos Спасибо за ответ. Поступая по-вашему, он не отображает значение propery.image, если я проверяю URL-адрес, это что-то вроде этого, чего не должно быть. http://localhost:8000/storage/%7B%7Bproperty.image%7D%7D Это означает, что он отображает property.image как строку, потому что он находится в " ".

Rakesh Kohali 01.05.2018 14:33

Как насчет <img v-bind:src = "{{asset("storage/")}} + property.image'">?

apokryfos 01.05.2018 14:35

@apokryfos Нет. это тоже не работает

Rakesh Kohali 01.05.2018 14:37
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
6
39
0

Другие вопросы по теме