<template> <div :style="getStyle"> {{getStyle.text}} </div> </template> <script> export default { name: 'RdappBgTitle', props: { textStyle: Object, }, computed: { getStyle() { return Object.assign({ text: '基本信息', width: '300px', height: '54px', lineHeight: '54px', textAlign: 'center', fontSize: '16px', fontColor: '#fff', }, this.textStyle); }, }, }; </script> <style scoped> .BgTitle-box{ background: url("../../static/img/PreliminaryJudge/assess.png") no-repeat center center; } </style>
好了，以上就是组件封装以及全局注册引用的方法，希望对你有帮助。