美文网首页
根据条件动态导入css样式文件

根据条件动态导入css样式文件

作者: burro630 | 来源:发表于2023-07-23 13:36 被阅读0次

使用import 可以导入css样式,再加上条件判断后,示例如下。可以实现在vue页面中动态导入css
if (xxx) {
import('@/assets/styles/aaa.scss')
} else {
import('@/assets/styles/bbb.css')
}

相关文章

  • HTML 5_CSS 3_JavaScript讲义(五)-级联样

    (1).CSS样式单基本使用 1.引入外部样式文件: 2.导入外部样式单: @import "outer.css"...

  • 2019-04-13-在Angular中使用Bootstrap

    在Angular的全局样式表styles.css文件中导入CSS. 这样默认样式就更改了。

  • 2019-01-31

    导入css样式文件: 导入网页图标: icon图标转换网址:http://www.bitbug.net/ 三大标签...

  • 小程序小bug记录

    1、text标签样式无效 自定义组件中css条件渲染class,动态点击切换css样式,同一个text标签重复点击...

  • CSS属性笔记速查

    导入css的文件的方式: 行内样式:只作用于标签内 内嵌样式(常用):只作用于本文件中 外部样式表(常用):可作用...

  • VUE实现主题切换

    使用webpack raw 方式导入文件,防止直接渲染,通过动态添加样式到 实现主题样式切换。 Github: h...

  • 2018-04-03 ng-class 的用法

    当需要根据条件动态设置css样式时,可选择使用ng-class进行设置。将ng-class的值作为一个对象,通过k...

  • DIV+CSS学习笔记

    CSS 样式 外部样式:不但本页可以调用,其他页面也可以调用 内部样式:只能针对本页 行内样式 导入样式 CSS ...

  • Extjs4动态显示actioncolumn

    简单记录一下actioncolumn的动态隐藏,分为两个部分: 样式隐藏,使用getClass根据条件返回样式,可...

  • HTML5学习笔记-2.CSS入门

    CSS(Cascading Style Shee,层叠样式表) 三种导入CSS样式方式 行内样式,内嵌元素全局属性...

网友评论

      本文标题:根据条件动态导入css样式文件

      本文链接:https://www.haomeiwen.com/subject/evoaudtx.html