![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
记录实战中遇到的问题
正在前行的小码农
Follow your own course and let people talk!
展开
-
main.js中的Vue.config.productionTip = false
开发模式:npm run serve/dev是处于开发阶段,前端人员自己看的生产模式:npm run build 是打包之后给后端放在服务端上用的Vue.config.productionTip = false意思是当前处于开发阶段,无需显示生产模式提示的信息,若不设置,浏览器会做出如下提示...原创 2020-02-21 18:34:11 · 292 阅读 · 0 评论 -
vue路由params和query传参区别
params和query传参方式<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &...原创 2020-03-02 23:40:38 · 92 阅读 · 0 评论 -
el-date-picker日期问题
https://blog.csdn.net/qq_42178085/article/details/100932353转载 2020-10-22 11:23:01 · 167 阅读 · 0 评论 -
el-table多选回显使用toggleRowSelection被动触发selection-change事件导致选择数据重复问题
场景:编辑团队不能回显添加团队选择的多条用户数据,需要手动触发el-table的toggleRowSelection事件,但是出现了一个坑,每次回显时都会被动触发@selection-change事件导致多选数据重复,百度一番后找到解决方案 data中定义开关变量 rowSelectFlag:false // 禁止开关 //回显的时候默认选中 showCheck() { setTimeout(() => { this.rowSelectFlag = tr转载 2022-03-17 22:29:44 · 7387 阅读 · 4 评论 -
el-switch切换时最好用input事件
场景:开关按钮保持跟后端同步#html<el-table-column label="状态" align="center" prop="state" show-overflow-tooltip> <template slot-scope="scope"> <el-switch :value="scope.row.state" @input="handleSwitch(scope.row)"> </el-switch&转载 2022-04-01 16:14:30 · 575 阅读 · 0 评论 -
el-cascader的getCheckedNodes获取值为空
描述:在表格中动态插入行时,每行中的el-cascader触发change事件时获取节点getCheckedNodes为空,原以为是dom节点未及时更新,使用$nextTick可解决问题,但发现并未起作用表格添加多条时el-cascader的change事件只有最后条getCheckedNodes能获取到数据,想到用this.refs["cascader"][index].getCheckedNodes()去解决,可是发现this.refs["cascader"][index].getCheckedNo原创 2022-04-12 23:37:21 · 5467 阅读 · 0 评论 -
element-ui upload 自定义http-request FormData 使用时遇到的坑
https://blog.csdn.net/a001451/article/details/106836143转载 2020-11-27 13:36:19 · 1484 阅读 · 0 评论 -
el-form-item prop属性动态绑定不生效
做项目时表单有一项需要有条件展示是否校验,于是首先就想到prop动态绑定,如下但是试了好几遍都不生效,最后改成rules动态绑定校验就OK了原创 2021-07-30 14:56:11 · 3170 阅读 · 0 评论 -
启动vue项目npm run dev 报错
node版本过高导致 npm run dev 报错转载 2022-07-02 18:30:18 · 327 阅读 · 0 评论 -
el-form this.$refs[formName].resetFields()校验无效
el-form this.$refs[formName].resetFields()校验无效转载 2022-10-27 11:45:15 · 548 阅读 · 0 评论 -
vue中使用vue-quill-editor富文本编辑器及自定义工具栏
https://blog.csdn.net/m0_37903882/article/details/101680568转载 2020-10-30 16:26:58 · 415 阅读 · 0 评论