<template> <div class="course-barcode"> <img v-if="data.courseCodeBarcodeSrc" :src="data.courseCodeBarcodeSrc" :alt="data.courseCodeBarcodeName" /> <img v-else src="../assets/images/barcode-sample-notext.png" alt="课程代码条码" /> <p>{{ data.courseCodeBarcodeName || "123456789" }}</p> </div> </template> <script> export default { name: "course-barcode", props: { data: { type: Object, default() { return { courseCodeBarcodeSrc: "", courseCodeBarcodeName: "" }; }, }, }, data() { return {}; }, }; </script>