Vue.js中的绝对路径

时间:2017-08-02 09:18:35

标签: symfony vue.js

我在Symfony项目中的vue文件中工作,我想从路径中找到绝对路径。通常我会做这样的事情:

this.$http({
     url: 'products/edit/'+product.id,
     method: 'PUT',
     params : params
[...]

它很有效。但现在我不需要使用this.$http,因为我正在尝试这样做:

 <div>
    {{ getUrl(product) }}
</div>

我有我的功能:

getUrl(product) : {
     let url = '/products/edit'+product.id
     return url
}

但显然它只显示/products/edit/xxx 而不是生产中的mysite.com/products/edit/xxx或本地的localhost/products/edit/xxx

在我的路由文件中,我有:

update_product:
path:   /products/edit/{product}
defaults: { _controller: RBProductsBundle:Product:edit }

1 个答案:

答案 0 :(得分:2)

试试这个:

methods: 
  getFullUrl (product) {
    return location.origin + this.getUrl(product)
  }
}

...
{{ getFullUrl(product) }}
...

Location对象有关于来源和信息的信息当前打开页面的路径。

Read more about "location" here