dqvj51875 2017-11-24 14:48
浏览 101
已采纳

如何将js变量传递给laravel中的url标记

I do have a variable in vuejs :

invoice.id 

I want to add this id to a laravel route in blade like so :

<a href="/invoice/{{invoice.id}}/history" />

but it does not work, is there any way how to pass that variable to the route ?

I am getting invoices as an array like so :

<script>
    import {statusColor} from "../util";

    export default {
        props: ['invoice', 'index'],
</script>

invoice its an array.

  • 写回答

2条回答 默认 最新

  • dragon19720808 2017-11-24 15:12
    关注

    Bind href in vuejs as :href or v-bind:href

    <a :href="'/invoice/'+invoice.id+'/history'" />
    

    Check below example

    var V = new Vue({
      el:"#app",
      data:{
        invoice:{id:111}
      }
    });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.8/vue.js"></script>
    <div id="app">
    <a :title="'/invoice/'+invoice.id+'/history'" :href="'/invoice/'+invoice.id+'/history'">Hover me to check href value</a>
    </div>

    Here is the example with child component value assinged by props

    var Child = {
      template:`<div>Child component : <a :title="'/invoice/'+invoice.id+'/history'" :href="'/invoice/'+invoice.id+'/history'">Hover me to check href value</a></div>`,
      props:['invoice'],
    }
    var V = new Vue({
      el:"#app",
      data:{
        invoice:{id:111}
      },
      components:{
        Child
      }
    });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.8/vue.js"></script>
    <div id="app">
    
    <child :invoice="invoice"></child>
    </div>

    </div>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
  • ¥15 钢筋实图交点识别,机器视觉代码
  • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
  • ¥50 400g qsfp 光模块iphy方案
  • ¥15 两块ADC0804用proteus仿真时,出现异常
  • ¥15 关于风控系统,如何去选择
  • ¥15 这款软件是什么?需要能满足我的需求
  • ¥15 SpringSecurityOauth2登陆前后request不一致
  • ¥15 禅道二次开发编辑版本,上传不了发行包