vue中文件样式的引入（.css .scss）

全局引入在mian.js文件中进行全局引入import Vue from 'vue'import 'normalize.css/normalize.css' // A modern alternative to CSS resetsimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css' // 全

星繁~

2789人浏览 · 2021-01-06 09:46:09

星繁~ · 2021-01-06 09:46:09 发布

全局引入

在mian.js文件中进行全局引入

import Vue from 'vue'
import 'normalize.css/normalize.css' // A modern alternative to CSS resets
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css' // 全局样式引入
import '@/styles/index.scss' // global css 全局样式引入

局部文件中引入

在 .vue 文件中进行引入

<style lang="sass">
@import '../../../../styles/combin-table.scss' // 全局样式 相对路径引入
@import '@/styles/combin-table.scss' // 全局样式 绝对路径引入
</style>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^