在 Laravel blade 中使用 VueJS 2 变量

Question

我有这个 blade 模板代码

        <div v-if="ok" id='search-result'>
        <table class='table table-responsive thead-text' border='5'>
            <thead>
                <tr class='success'>
                    <td>{{trans('language.user_name')}}</td>
                    <td>{{trans('language.user_phone')}}</td>
                    <td>{{trans('language.user_email')}}</td>
                    <td>{{trans('language.settings')}}</td>
                </tr>
            </thead>
            <tbody>
                <tr v-for='(arrayresult ,key ,id) in arrayresults' class='warning'>
                    <td>@{{arrayresult.username}}</td>
                    <td>@{{arrayresult.userphone}}</td>
                    <td>@{{arrayresult.useremail}}</td>
                    <td class='hidden-print'>
                        <a href='/{{$path}}/users/@{{arrayresult.id}}' class='btn btn-success'>{{trans('language.show')}}</a>
                        <a href='/{{$path}}/users/@{{arrayresult.id}}/edit' class='btn btn-info'>{{trans('language.edit')}}</a>
                    </td>                       
                </tr>
            </tbody>
        </table>
    </div>

现在我想添加来自 a 标签中的响应的 id 这个

<a href='/{{$path}}/users/@{{arrayresult.id}}' class='btn btn-success'>{{trans('language.show')}}</a>

但它在我的控制台中不起作用，我得到了这个

/project/public/users/{{arrayresult.id}}

我需要它像这样

/project/public/users/1 or 2 or user id

感谢

Answer 1

您需要使用 v-bind

绑定 href 属性

<a v-bind:href="'/{{$path}}/users/' + arrayresult.id" class='btn btn-success'>{{trans('language.show')}}</a>

在 Laravel blade 中使用 VueJS 2 变量

Using VueJS 2 variable in Laravel blade

javascript

laravel

vue.js

vuejs2

blade