How does vue get the css style referenced by a component?

now I want to get the style of the resumeHtml component. Html has got it. How to get its css style, online, etc.

<template>
    <div>
        <resumeHtml  ref="resume" @on-download="download"/>
    </div>
</template>
<script>
import resumeHtml from "./resume-html"
import writer from "file-writer";
export default {
    components:{
        resumeHtml
    },
    methods:{
        download(){
            const template = this.$refs.resume.$el.innerHTML;
            console.log("csstest",cssTxt);
            
            let html = `<!DOCTYPE html>
                        <html>
                        <head>
                            <meta charset="utf-8">
                            <meta name="viewport" content="width=device-width,initial-scale=1.0">
                            <title>X-Find</title>
                            <style>
                            </style>
                        </head>
                        <body>
                            <div class="resume_preview_page" style="margin:0 auto;width:1200px">
                            ${template}
                            </div>
                        </body>
                        </html>`
            writer("test.html", html, "utf-8")
        }
    }
}
</script>



Apr.03,2021

in the style of the resumeHtml component, just go to < style scoped > and remove the scoped!

Menu