在 javascript 字符串中连接 laravel blade 变量

Question

大家好，我遇到了一个问题，这是我的脚本

        function appendMessageToReceiver(data){
            let messageContent = '<div id="chatmessages" class="main-message-box st3"> <div class="message-dt st3"> <div class="message-inner-dt"> <p> ' + data.content + '</p> </div> <span> ' + data.created_at + ' </span> </div> <div class="messg-usr-img"> <img src="{{ asset('avatars/' . data.receiver_avatar ) }}" alt=""> </div> </div>';
            $messageWrapper.append(messageContent);
        }

我怎样才能连接这个 {{ asset('avatars/' . data.receiver_avatar ) }} 从资产中获取统一的 html 代码调用图像？

Answer 1

尝试这样的事情：

function appendMessageToReceiver(data){
    let messageContent = '<div id="chatmessages" class="main-message-box st3"> <div class="message-dt st3"> <div class="message-inner-dt"> <p> '
        + data.content + '</p> </div> <span> '
        + data.created_at + ' </span> </div> <div class="messg-usr-img"> <img src="{{ asset('avatars') }}/' + data.receiver_avatar + '" alt=""> </div> </div>';
    $messageWrapper.append(messageContent);
}

在 javascript 字符串中连接 laravel blade 变量

Concatenate laravel blade variable in javascript string

html

javascript

php

laravel

laravel-blade