鍍金池/ 問答/HTML/ vue 如何獲取組件所引用的css樣式？

vue 如何獲取組件所引用的css樣式？

我現在想獲取resumeHtml組件的樣式，html已經獲取到了，請問下，如何獲取它的css樣式，在線等

<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>
回答
編輯回答
你的瞳

在resumeHtml這個組件的樣式去<style scoped> 去掉scoped就好了！

2017年11月6日 08:58