在vue中如何根据后台返回的数据动态的改变css文件的引入路径

html-css012

在vue中如何根据后台返回的数据动态的改变css文件的引入路径,第1张

可以使用一个用来引入css文件的组件

<template>

    <div>

        <style type="text/css" :src="'/path/to/' + theme + '.css'"></style>

    </div>

</template>

<script>

    export default {

        data () {

            return {

                theme: 'your-custom-theme'

            }

        }

    }

</script>

注:以上代码没有经过测试,纯理论指导。应该没问题。还有更高级一点的用法是通过vuex状态管理,篇幅比较大,这里不敲这么多代码,反正道理是一样的。

先贴个官网的图片

然后说说整体流程...

然后重新 npm i

再重新运行,就解决了

奉上参考资料

Vue-cli3.0配置全局less

vue antd 按需加载 报错.bezierEasingMixin()

通过以下方式来改变el-table标签下的表格偶数行的样式。 注意:这个样式必须是全局的才会生效,即style标签不能加scoped,为了...选择器来限制样式,如 2.更复杂的情况,我们可以在使用标签后,在浏览器中打开页面,进入开发者模式(F12),查看该标签对应的class(浏览器会把组件都解析成html标签)