el-alert内容中有链接 这样就不能把内容写在<el-alert title中了，需要使用插槽 <el-alert type="error" :closable="false"> <slot name="title">注：配置微信支付后，需要将微信支付安全证书导入到项目的...

vue项目中，类型数字转为汉字，并且搜索中也用到类型搜索，如图： 1，首先定义留言类型数据： data() { return { typeList : [ {val:1,label:'客户留言'}, {val:2,label:'客户投诉'}, ], //...

ElementUI中el-upload中怎样限制上传文件的格式 1,需求 使用el-upload上传文件时限制只能上传指定格式的文件。 比如这里只允许上传jpg,png格式的文件。 2，实现 通过添加accept=".jpg,.png"来添加打开时的默认类型 <el-upload :h...

需求：需要定义el-input框只能输入正整数，负整数和0的方法， 1，建立函数文件src\utils\zht.js export default { /** * 只能输入0和正整数负整数 * @param {string} e * @returns {string | number} 返回空字符或数字...

el-input 只能输入整数（包括正数、负数、0） 可以使用type=numbe和v-model.number属性，两者结合使用，能满足大多数需求 <el-input v-model.number="value" type="number" /> 但是还可以手动输入小数 完全满足需求，可以使用正则表达式过...

vue-element-admin时间区间查询el-date-picker 1,日期区间组件 <el-date-picker class="filter-item" v-model="listQuery.dateRange" type="daterange" ...

vue-element-admin项目中，新增icon、svg图标 1，在项目的开发过程中，所需的svg图片不可能一次性添加进来。有时候需要根据开发的需求，新增一些svg图标。 阿里巴巴图标库https://www.iconfont.cn/ 搜索自己需要的图标，如express 点击下载 ...

vue-element-admin批量删除 用vue和elementUI实现批量操作常见于table表格，前提是table表第一列是可以多选的框： <el-table-column type="selection" width="55"> </el-table-column> 如上图所示，当没有选...

解决errors and 0 warnings potentially fixable with the `--fix` option.问题 项目正常运行，就是有这个提示 找到.eslintrc.js注释掉// 'eslint:recommended'

vue-element-admin el-switch使用 1,效果 2，代码 <el-table-column label="显示" class-name="status-col" width="200"> <template slot-scope="{row}"> ...

vue-element-admin 修改默认的全局字体尺寸为mini vue-element-admin是一套相当不错的后台管理UI框架, 默认字体尺寸是Medium。 如果想修改默认尺寸为Mini ，那么只需要修改src/main.js 路径下的文件第34行即可。 Vue.use(Element, { ...

vue-element-admin中mock模拟数据和后台接口同时使用 devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, proxy: { //...

async / await的异常捕获，获取错误信息 1,只是这样写是，捕获不到异常的 async getList3() { let resp = await this.httpTest(); console.log(resp); }, 2. 使用try / catch来捕获异常，这样的话代码就看起来舒服多...

vuex下新建的模板没有加 export default permission导致错误

vue-element-admin需要安装的依赖 1,npm i vue-router@3 2，npm i sass-loader -D npm i sass -D 3，css重置的现代替代方案normalize.css npm i normalize 4，npm i e...

elementUI <el-tooltip v-model="capsTooltip" content="Caps lock is On" placement="right" manual> manual 手动控制模式，设置为 true 后，mouseenter 和 mouseleave 事件将不会生效 ma...