一、el-message自定义样式不生效 想改弹出框的位置时不生效,使用了el-message的自定义类的custom-class属性也不行。原因应该是加了scoped后使用到里面样式的dom会添加data-v-xxxx这种属性防止css污染,但是message生成的dom是没有添加data-v-xxx属性的,所以样式无效。 解决方式:js动态设置(就是麻烦一点) this.$mess...
1、在main.ts再引入一遍,像这样,引入之后重启一下项目就好了 import "element-plus/theme-chalk/el-message.css"; import "element-plus/theme-chalk/el-message-box.css"; 2,因为我们使用的是按需引入,所以就不用要在引入element-plus,把下面的这刚代码删掉 import { ElMessage } from "element-plus"; 然后...
在vue3中使用elementplus中的ElMessage,配置了自动导入,但是却还是报找不到模块 解决办法: 我们需要手动导入该模块 import { ElMessage } from 'element-plus' 当我们导入后发现样式出错了,这是就需要我们配置一下自动导入样式,第一先安装依赖 npm i vite-plugin-style-import consola -D 然后我们需要在vite....
2、代码手动导入了API,如下 import { ElMessage } from "element-plus"; ElMessage({ showClose: true, message: '请输入正确的内容', type:'error' }) 此时会出现样式丢失问题。 image.png 解决方案 将上述代码导入import部分的代码去掉,直接调用。 ElMessage({ showClose: true, message: '请输入正确的...
import { ElMessage } from "element-plus"; ElMessage({ type: "error", message: "请求超时或服务器错误!", }); 此时会出现样式丢失问题。 image.png 解决方案 将上述代码导入import部分的代码去掉,直接调用。 ElMessage({ type: "error", message: "请求超时或服务器错误!", }); Eslint报错 将El...
ElMessage.info(title); } // 警告提示 wraning(title: string): void { ElMessage.warning(title); } // 成功提示 success(title: string): void { ElMessage.success(title); } // 错误提示 error(title: string): void { ElMessage.error(title); ...
message: '取消成功' }) }) 2.优化代码如下(解决) ElMessageBox.confirm('是否删除该条数据', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }) .then(async () => { // 在这里捕获一下异常,就不会走下面的catch,因此不会弹下面的提示框,就只会抛出自身接口...
vue3项目如果启用typescript,单独引入ElMessage,ElMessageBox样式时写法略有不同,如下 import'element-plus/es/components/message-box/style/index'import'element-plus/es/components/message/style/index' 注,如果按以下写法会报错 import'element-plus/es/components/message-box/style'import'element-plus/es/componen...
<template> <el-button @click="handleClick">点击按钮</el-button> </template> import { defineComponent } from 'vue'; export default defineComponent({ methods: { handleClick() { this.$message({ message: '操作成功!', type: 'success' }); } } }); 这里通过import导入了...