- 博客(9)
- 收藏
- 关注
原创 iView动态生成Menu时open-names不生效的解决办法
如图所示,循环生成Menu组件 动态生成open-names或active-name时会遇到不生效的问题 解决方法:用iview的menu组件自带的updateOpened方法和updateActiveName方法来手动更新数据注意要写在$nextTick中,否则不生效写法如下图: ...
2018-12-21 17:30:30 3167 1
原创 vue2使用$set()使对象新增属性后触发视图更新
如图接口获取列表数组后,给每一个数组值插入一个自定义的属性,给一个默认值 后面需要修改插入的属性的值 修改后发现并未更改成功,值未改变。此时需要使用$设置方法来出发数据的更新 this.$set(this.data, key, value)//举例this.$set(this.roleList, key, this.roleList[key])复制代...
2018-12-21 17:13:07 847
原创 iview+vue开发Table组件render踩坑记录
开发过程中遇到readyOver is not a function的报错 很明显是this指向出现了问题,打印this后发现this指向了render函数本身错误写法: 正确写法: 总结问题出在了render函数没有写成箭头函数的形式,所以造成this指向出现问题。...
2018-12-21 16:54:07 3633
原创 iView的响应式布局
由于在文档中并没有找到这部分的说明,但是就以往的经验分析,一个UI框架是一定有响应式布局的功能的,所以就结合以往的经验加上查阅部分资料,摸索出了响应式布局的写法。iView支持xs,sm,md,lg四种尺寸<Row> <Col :xs="24" :sm="24" :md="24" :lg="12"></Col> ...
2018-10-22 13:48:23 8813
原创 bootstrap踩坑记录
PC端开发的过程中,导航栏部分使用了bootstrap的tab方法。使用过程中遇到了一些问题如图: 鼠标快速划过多个导航的时候,会同时触发多个。解决办法是更改bootstrap源码:修改bootstrap.js文件,把下图中的部分做修改,直接执行next方法 ...
2018-08-28 15:23:45 215
原创 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 497
原创 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 18428
转载 PC端隐藏Y滚动条方法总结
最近在做PC端项目时,由于滚动条比较影响美观,所以查阅了一些资料,把滚动条做了隐藏,下面做一下总结。/*webkit内核*/.scroll_content::-webkit-scrollbar { width:0px; height:0px;}/*o内核*/.scroll_content .-o-scrollbar{ -moz-appearance: none !i...
2018-06-12 15:30:13 5985
原创 iView常用组件清空技巧
清空DatePicker(日期选择器)的方法: this.$refs.element.handleClear()清空TimePicker(时间选择器)的方法: this.$refs.element.handleClear()清空Select组件的方法: this.$refs.element.clearSingleSelect()清空Table组件的方法: ...
2018-06-07 14:49:43 14584 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人