如何解决element ui css出错问题

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

element ui css出错的解决办法：首先在main.js中写入内容“import Vue from 'vue' import ElementUI from...”；然后安装element-ui；最后在main.js引入并注册即可。

本文操作环境：windows7系统、css3版本、Dell G3电脑。

vue 导入element-ui css报错解决方法

组件使用参照官网http://element.eleme.io/#/zh-CN/component/quickstart

在 main.js 中写入以下内容：

1

2

3

4

5

6

import Vue from 'vue'

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-default/index.css'

import App from './App.vue'

  

Vue.use(ElementUI)

如果你只希望引入部分组件，比如 Button 和 Select，那么需要在 main.js 中写入以下内容：

1

2

3

4

5

6

7

8

9

import Vue from 'vue'

import { Button, Select } from 'element-ui'

import App from './App.vue'

Vue.component(Button.name, Button)

Vue.component(Select.name, Select)

/* 或写为

* Vue.use(Button)

* Vue.use(Select)

* /

安装element-ui

1

cnpm i element-ui@1.3.7 （@为固定版本）

建议固定vue和element-ui的版本，避免将来版本升级后产生冲突

引入element-ui

在app.vue引入element-ui，然后就可以在其他任何页面中使用了

阅读剩余部分

相关阅读 >>

css常见样式

css如何设置checkbox大小

css怎么使字体更加紧凑

css响应式布局之媒体查询

了解css的选择器优先级和!important权重

css层叠样式表的含义是什么

css如何使用important

原生js如何设置css

css ellipsis不起作用怎么办

css的背景图怎么加边框

更多相关阅读请进入《css》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...