hotelDetail.vue
595 Bytes
<template>
<div>
<div class="box">
<el-card class="mt30">
<h3>{{form.name}}</h3>
</el-card>
</div>
</div>
</template>
<script setup>
import {useRouter} from "vue-router";
import {ref, reactive, onMounted} from "vue";
import {useRoute} from "vue-router";
import { getHotelById } from "@/apiPc/booking"
const router = useRouter()
const route = useRoute()
const form = ref({})
getData()
function getData() {
getHotelById(route.params.hotelId).then(res=>{
form.value = res.data
}).catch(err=>{
console.log(err)
})
}
</script>
<style scoped>
</style>