前端
dennisHans
这个作者很懒,什么都没留下…
展开
-
div自适应填充剩余宽度的方法
两个DIV,左侧的div宽度固定,右侧DIV自适应填满剩下的宽度。直接上代码↓<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d原创 2018-07-11 14:39:45 · 18443 阅读 · 0 评论 -
Vue+axios配置踩坑记录
避免误导,先上亲测可用的代码:``` / ** * Axios封装 * ./ src / axios / index.js ** / 从'axios' 导入{notice,Message,Modal,Spin}中导入axios '的iView'; 从'common / api.config'中的'../vuex/store'import {apiBase} 导入存储; 从'../common/j...原创 2018-07-11 15:05:07 · 499 阅读 · 0 评论 -
bootstrap踩坑记录
PC端开发的过程中,导航栏部分使用了bootstrap的tab方法。使用过程中遇到了一些问题如图: 鼠标快速划过多个导航的时候,会同时触发多个。解决办法是更改bootstrap源码:修改bootstrap.js文件,把下图中的部分做修改,直接执行next方法 ...原创 2018-08-28 15:23:45 · 216 阅读 · 0 评论 -
iView的响应式布局
由于在文档中并没有找到这部分的说明,但是就以往的经验分析,一个UI框架是一定有响应式布局的功能的,所以就结合以往的经验加上查阅部分资料,摸索出了响应式布局的写法。iView支持xs,sm,md,lg四种尺寸<Row> <Col :xs="24" :sm="24" :md="24" :lg="12"></Col> ...原创 2018-10-22 13:48:23 · 8814 阅读 · 0 评论 -
iview+vue开发Table组件render踩坑记录
开发过程中遇到readyOver is not a function的报错 很明显是this指向出现了问题,打印this后发现this指向了render函数本身错误写法: 正确写法: 总结问题出在了render函数没有写成箭头函数的形式,所以造成this指向出现问题。...原创 2018-12-21 16:54:07 · 3637 阅读 · 0 评论 -
vue2使用$set()使对象新增属性后触发视图更新
如图接口获取列表数组后,给每一个数组值插入一个自定义的属性,给一个默认值 后面需要修改插入的属性的值 修改后发现并未更改成功,值未改变。此时需要使用$设置方法来出发数据的更新 this.$set(this.data, key, value)//举例this.$set(this.roleList, key, this.roleList[key])复制代...原创 2018-12-21 17:13:07 · 847 阅读 · 0 评论 -
iView动态生成Menu时open-names不生效的解决办法
如图所示,循环生成Menu组件 动态生成open-names或active-name时会遇到不生效的问题 解决方法:用iview的menu组件自带的updateOpened方法和updateActiveName方法来手动更新数据注意要写在$nextTick中,否则不生效写法如下图: ...原创 2018-12-21 17:30:30 · 3167 阅读 · 1 评论