在Laravel刀片中使用VueJS 2变量

Question

我有这个刀片模板代码

        <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>

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

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

但它没有在我的控制台工作我gat这个

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

我需要它像这样

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

谢谢

Answer 1

您需要使用href绑定v-bind属性

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