在javascript字符串中连接laravel刀片变量

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);
}