我有以下情况:
我正在编辑一个地点,例如,其路线为http://localhost/place/add/47。 我正在使用此组件添加新地点并编辑地点。编辑地点时,我会加载一些可以删除的图像。这是删除图片的代码
this.$swal.fire({
title: 'Está seguro?',
text: "Realmente desea eliminar la imagen",
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Borrar'
}).then((result) => {
if (result.value) {
axios.delete('image-delete/'+id)
.then(response => {
this.$swal.fire('Imagen eliminada correctamente');
})
.catch(error => {
this.$swal.fire({
type: 'error',
title: 'Error',
text: 'Ocurrio un error!',
});
});
}
})
但是,实际上,当我尝试删除图像时,我得到的请求是http://localhost/place/add/image-delete/65。
我想去http://localhost/place/image-delete/65。
我认为这种情况是因为我进入了放置/添加路线。
有什么方法可以消除添加零件或从vue中获取父路线吗?
这是我的路线代码。
{
path: '/excursion', component: require('./components/excursiones/backend/ExcursionBackendComponent').default,
children: [
{
path: '',
component: ExcursionList },
{
path: 'add/:id?',
name: 'excursionAdd',
component: ExcursionAdd
},
{
path: 'list',
component: ExcursionList
}
]
},