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

试试这个:

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

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

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

在此处阅读有关“位置”的更多信息

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章