vue输入框和按钮的样式不显示问题及解决方案

首先说问题如图查阅大量资料试了很多方法，可能是大家遇到的问题和我的不一样，并没有解决问题，直到今天和我师傅聊vue的全局引入和按需引入的时候，她提到是没有入样式，于是下班回来我就开始尝试，样式并不好找，而且直接写文件名好像没有效果哦。。。最后这是我在文件中找到的，应该就是它了node_modules\element-ui\lib\theme-chalk\index.css，impor...

逢源左右

2622人浏览 · 2019-11-12 20:48:43

逢源左右 · 2019-11-12 20:48:43 发布

首先
说问题
如图图片中的按钮和输入框的样式貌似没有生效
查阅
大量资料试了很多方法，可能是大家遇到的问题和我的不一样，并没有解决问题，直到今天和我师傅聊vue的全局引入和按需引入的时候，她提到是没有入样式，于是下班回来我就开始尝试，样式并不好找，而且直接写文件名好像没有效果哦。。。
最后
这是我在文件中找到的，应该就是它了node_modules\element-ui\lib\theme-chalk\index.css，

import ElementUI from 'element-ui'
import '../node_modules/element-ui/lib/theme-chalk/index.css'

在这里插入图片描述
登录的时候的提示框也解决了，原来是显示在下边的

总结
技术路漫漫，坚持是关键

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}$/, //不连续的两位字母// /^