Vue - 随笔分类 - dqy95

【vue+elementUI】根据数据默认展开图层树指定节点，default-expanded-keys

摘要：需求：根据传入数据默认展开图层树，数据中isLoad为true表示当前节点需要展开。（数据不定）参考elementUI组件el-tree的default-expanded-keys使用，将要展开的节点标识（树的id）绑定到该属性。重点：实际传入数据是以Id字段作为树的标识，同时数据为多层嵌套的图阅读全文

posted @ 2020-09-24 22:49 dqy95 阅读(7329) 评论(0) 推荐(0)

【vue】基于vue+elementUI+seajs的后台管理外框架demo，导航菜单+tab页面显示跳转

摘要：后台管理外框架demo，由vue + seajs架构的后台管理框架，页面主要三部分组成：头部、左侧菜单、主界面。左侧菜单以路由控制在主界面以tab页形式展示。 seajs主要是用来做代码组织的，方便模块化加载。功能上实现主要是vue+elementUI+vuex。左侧导航（自定义app nav组件阅读全文

posted @ 2018-10-11 17:38 dqy95 阅读(7841) 评论(4) 推荐(4)

【vue开发问题-解决方法】（十一）数据双向绑定导致修改数据格式原数据绑定出错

摘要：数据双向绑定导致的问题填写表单后获取到checkbox的值是数组格式，但是在传递保存过程中，把获取到的数据改为字符串格式，以,号分隔。但是这里出现一个问题，我修改格式后绑定的数据格式也改变了，即便我修改的是用重新定义的变量接收的。所以需要使用以下方法来进行纠正。例如双向绑定 data > vi 阅读全文

posted @ 2018-08-20 12:00 dqy95 阅读(528) 评论(0) 推荐(0)

【vue开发问题-解决方法】（九）使用element upload自定义接口上传文件，input多文件上传

摘要：昨天做了一个上传用户头像的功能，已经附件管理功能。头像上传使用了elemenUI的上传控件el-upload，附件管理因为对样式没有要求使用了原生的附件上传。项目背景：使用axios的post调用接口头像上传使用el-upload标签，设置show-file-list为false不显示文件列表阅读全文

posted @ 2018-08-07 14:42 dqy95 阅读(13823) 评论(0) 推荐(0)

【vue开发问题-解决方法】（八）利用axios拦截器实现elementUI中加载动画，控制加载区域

摘要：需求是实现在每次后台请求数据时显示加载动画，请求完成动画消失。实现方法可以借助之前的axios拦截器，在请求前显示动画，请求结束清除动画。因为我使用的是CDN引入的ElementUI，所以loading动画实现方式为：则elementUI显示loading加载动画方法为： let loadin 阅读全文

posted @ 2018-07-03 15:34 dqy95 阅读(4595) 评论(3) 推荐(4)

【vue开发问题-解决方法】（七）Vue不能检测到对象属性添加或删除，vue不能检测到数组的变动问题

摘要：由于JavaScript的限制，Vue不能检测对象属性的添加或删除。 vue实现数据双向绑定有这么一个过程：当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用Object.defineProperty() 把这些属性全部转为get 阅读全文

posted @ 2018-06-20 11:13 dqy95 阅读(2850) 评论(0) 推荐(0)

【vue开发问题-解决方法】（六）axios报错问题，Cannot read property 'protocol' of undefined

摘要：在使用vue-cli搭建的项目运行npm run build打包之后，报错问题：定位错误到router文件中，从路由排查原因，问题出现在axios应用方式上，由于之前使用的是vue-resource，其使用方式为：然而我修改为axios使用时，按照他的方式，虽然本地运行时没问题，但是打包后就会出阅读全文

posted @ 2018-06-20 10:46 dqy95 阅读(1247) 评论(0) 推荐(0)

【vue开发问题-解决方法】（五）vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function

摘要：现有一表单需要填写日期，采用了elementUI中日期选择器，但是获取到的数据格式是而我需要的数据格式为查看elementUI文档，有对应的解决方法：使用 value-format设置获取日期格式，使用format设置显示日期格式。结果是但是使用的时候出现了问题，因为我的日期选择器是在表单阅读全文

posted @ 2018-06-14 15:20 dqy95 阅读(11849) 评论(0) 推荐(0)

【vue开发问题-解决方法】（四）vue Element UI使用中.$scopedSlots.default is not a function 报错

摘要：当使用elementUI中v-if来判断显示元素时，会报错。这是因为在v-for或者v-if切换标签时，多个相同的标签被渲染，如果不添加key来区分则会出现复用的情况。而原本这些标签每一个都是独立的，故，需要添加key来做区分。阅读全文

posted @ 2018-06-14 10:40 dqy95 阅读(3440) 评论(0) 推荐(0)

【vue开发问题-解决方法】（三）axios拦截器，post请求问题处理，异步请求封装

摘要：axios post请求处理在vue中使用axios Post请求时会遇到后台接收不到参数问题，查看请求参数格式还是json的数据格式：而后台需要的数据格式为：key:val格式，所以需要在请求传参之前将数据序列化后再传递到后台：如果可以引入qs库，然后用qs 将数据做处理。因为我的工程中没阅读全文

posted @ 2018-06-11 16:27 dqy95 阅读(9791) 评论(1) 推荐(1)

【vue开发问题-解决方法】（二）element UI日期控件失效RangeError:Maximum call stack size exceeded

摘要：问题：在vue项目中使用elementUI，使用日期控件的时候出现错误而正常情况下，点击日期控件会出现以下面板：查看代码：与elementUI官网中的代码一致，绑定的数据也都是data:''形式然后又看了控制台输出的错误信息：堆栈溢出网上查看这些信息都是js问题，但是vue的js和eleme 阅读全文

posted @ 2018-05-04 10:12 dqy95 阅读(1164) 评论(0) 推荐(0)

【vue开发问题-解决方法】（一）在style中设置background-image时路径问题

摘要：vue工程项目在style中设置background-image时路径问题 1. 在css外设置background-image时，不能直接使用url，应该使用 2. 在css中设置background-image时，使用相对路径在webpack打包后出现问题，图片路径到了static下，可在bui 阅读全文

posted @ 2018-04-26 16:36 dqy95 阅读(48555) 评论(1) 推荐(3)

【Vue学习笔记】（1）问题及解决方法记录

摘要：1、父组件传递 props 到子组件过程中，报错或者没有值。参考链接：http://www.jb51.net/article/117447.htm 2、vue工程项目中style设置background-image路径问题：使用 <li v-for="img in imgs" :key="img 阅读全文

posted @ 2018-03-27 11:07 dqy95 阅读(258) 评论(0) 推荐(0)

随笔分类 - Vue