skin-disease-app/src/components/DetectResult.vue

21 lines
460 B
Vue

<template>
<div class="col" :hidden="!visible">
<h1 class="mb-3 text-center">Detect Result</h1>
<img :src="imageUrl" :alt="'Disease ' + diseaseName" />
<p>Trustworthiness: {{ trustworthiness }}</p>
</div>
</template>
<script>
export default {
props: {
visible: { tyep: Boolean, default: false },
diseaseName: { type: String },
trustworthiness: { type: Number },
imageUrl: { type: String },
},
};
</script>
<style></style>