Vue 中使用element-ui样式无效

1. Vue 中使用element-ui样式无效示例按需加载组件，引用button 后发现样式无效，后经搜索发现没有引入样式，加上即可2. 点击校验后报错需要安装vue-notificationnpm install --savevue-notification并在main.js中引用组件import Notifications from "vue-notifi...

xiang1907

5118人浏览 · 2020-05-07 11:37:56

xiang1907 · 2020-05-07 11:37:56 发布

1. Vue 中使用element-ui样式无效

示例按需加载组件，引用button 后发现样式无效，后经搜索发现没有引入样式，加上即可

2. 点击校验后报错

需要安装vue-notification

npm install --savevue-notification

并在main.js中引用组件

import Notifications from "vue-notification"

Vue.use(Notifications)

3. 点击按钮不提示信息

经搜索发现 vue-notification 组件需要在.vue文件中引用

在app.vue中添加 <notifications /> 提示框就出来了

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