随笔分类 -  elementUI

element-ui里面的form表单i验证input内容已经输入不为空了，但效验还是报错不能为空
摘要：原因：下面3个红色名字以及2个蓝色名必须一致，有1个不一致就无法通过效验，出现标题所说问题 <el-form :model="userinfo" :rules="editUserFormRules" > <el-form-item label="用户名" prop="username"> <el-i 阅读全文
posted @ 2022-01-19 00:24 专注网站建设和推广 阅读(1333) 评论(0) 推荐(0)
elementui文件（图片）上传组件对图片大小和类型进行判断限制
摘要：1，先在el-upload设置accept属性，限定文件类型 <el-upload accept=".jpg,.jpeg,.png,.gif.JPG,.JPEG,.PNG,.GIF" > 但这样做只能限制上传文件时打开的文件上传对话框右下角默认文件类型为指定类型，实际上用户还是可以在上传对话框右下角 阅读全文
posted @ 2022-01-18 23:45 专注网站建设和推广 阅读(1764) 评论(0) 推荐(0)
elementui项目里面无法获取到数据的原因记录
摘要：在调用Api请求数据服务端一直提示商品id只能是数字，经过仔细检查才发现传参为id，但在请求地址里面直接直接写了id，没有使用变量形式拼接，记录下。。 把 const {data:res} =await this.$axios.get(`/goods/${id}`) 写成了：const {data: 阅读全文
posted @ 2022-01-18 23:00 专注网站建设和推广 阅读(508) 评论(0) 推荐(0)
elementui做自定义分页
摘要：当后端返回的数据没有做分页时，可以在vue页面配置element 分页组件做分页： 1，先在data中定义好分页相关的属性 currentPage: 1, // 当前页码 total: 10, // 总条数 pageSize: 10 // 每页的数据条数 2，在el-table中给数据源比如righ 阅读全文
posted @ 2022-01-18 22:11 专注网站建设和推广 阅读(961) 评论(0) 推荐(0)
elementui 时间树使用说明
摘要：排序： <el-radio-group v-model="reverse"> <el-radio :label="true">倒序</el-radio> <el-radio :label="false">正序</el-radio> </el-radio-group> 时间树属性讲解： reverse 阅读全文
posted @ 2022-01-18 19:50 专注网站建设和推广 阅读(204) 评论(0) 推荐(0)
elementui使用day.js格式化后端接口里的日期时间戳
摘要：一、格式化事件之前请确保时间戳是13位数，如果不是要先把时间戳 *1000 （相关说明：https://www.cnblogs.com/JeffreyZhu/p/15793294.html） 二、然后在vue项目里使用 npm 安装day.js组件 三、在需要格式化时间戳的组件里引用day.js组件 阅读全文
posted @ 2022-01-18 16:53 专注网站建设和推广 阅读(1250) 评论(0) 推荐(0)
elementui分页更改后，需要再次调用获取列表数据函数
摘要：handleCurrentChange(val) { this.queryParams.pagenum = val console.log('显示第' + this.queryParams.pagenum + '页') this.getOrderList() }, handleSizeChange( 阅读全文
posted @ 2022-01-18 16:24 专注网站建设和推广 阅读(111) 评论(0) 推荐(0)
单选框组 el-radio-group 的 v-model的值和某个el-radio里的label值一致时，该单选框被选中
摘要：<el-form-item label="支付方式" prop="order_pay"> <!-- v-model绑定的值等于哪个label的值时哪个单选框就默认被选，如果等于0则label="0"的单选框默认选中 --> <el-radio-group v-model="orderData.ord 阅读全文
posted @ 2022-01-18 15:19 专注网站建设和推广 阅读(1502) 评论(0) 推荐(0)
elementui在表格/下来列表等展示数据的区显示加载中
摘要：1，先在data属性里定义1个loading属性，默认为false data()( { return:{ loading:false }} 2、在el-tabale 后面增加属性： v-loading="loading" // 默认不显示加载 element-loading-text="正在加载中. 阅读全文
posted @ 2022-01-18 13:41 专注网站建设和推广 阅读(1068) 评论(0) 推荐(0)
elementui级联下拉框怎么设置可选择任意一级选项以及设置后前面会出现1个单选按钮去掉单选按钮的方法和选好后下拉面板不自动收起的问题
摘要：一、elementui的级联下拉列表默认只能选择最末端的那个，如果需要点击哪个就可以选择哪个，需要做如下设置： 解决方法：在props属性增加{checkStrictly: true <el-cascader :props="{ checkStrictly: true, }" ></el-casca 阅读全文
posted @ 2022-01-15 14:44 专注网站建设和推广 阅读(3091) 评论(0) 推荐(0)
解决Element-UI中的Cascader 级联选择器高度过高的问题
摘要：解决方法： 在项目中的global.css文件中加.el-cascader-panel {height: 300px;}即可完美解决 阅读全文
posted @ 2022-01-15 14:24 专注网站建设和推广 阅读(772) 评论(0) 推荐(0)
elementui表单验证无效的解决方法
摘要：原代码： <el-form-item label="分类名称"><el-input v-model="addCateform.cat_name"></el-input></el-form-item> 修改后： <el-form-item label="分类名称" prop="cat_name"><e 阅读全文
posted @ 2022-01-15 13:17 专注网站建设和推广 阅读(753) 评论(0) 推荐(0)
当elementui的el-dialog组件中包含子组件时，用$refs调用子组件时的undefined问题
摘要：element为了优化性能，在弹框未首次打开之前，是会不渲染弹框body中的内容的，一般情况下这样的设定是没有问题的，弹框未打开时我们一般也是不需要对弹框内容做操作的，但是在一些特殊情况，可能就有问题了 在dialog里面嵌套1个表单（<el-form ref="addUserFormRef">）， 阅读全文
posted @ 2022-01-13 15:13 专注网站建设和推广 阅读(997) 评论(0) 推荐(0)
js中10位数的时间戳必须*1000才能格式化转换
摘要：13位的时间戳，其精度是毫秒(ms)；10位的时间戳，其精度是秒(s)； 13位数的时间戳转化为10位数的时间戳 ，除以1000；10位数的时间戳转化为13位数的时间戳 ，乘以1000； 在javascript中， new Date().getTime() 得到的是13位的时间戳。 console. 阅读全文
posted @ 2022-01-12 16:48 专注网站建设和推广 阅读(908) 评论(0) 推荐(1)