2018年10月15日

vue中使用饿了么input组件监听回车事件不起作用

摘要: vue使用element-ui的el-input监听不了回车事件,原因是element-ui自身封装了一层input标签之后,把原来的事件隐藏了,加上.native可以监听到组件根元素的原生事件 阅读全文
posted @ 2018-10-15 19:00 shysun 阅读(1098) 评论(0) 推荐(0) 编辑
2018年10月14日

vue中使用element组件覆盖不了他自带的样式

摘要: 很多情况下我们需要对引用过来的饿了么组件进行样式覆盖, 我在style中进行复写, 即使加了!important也不起作用, 原因是, 加了scoped, 二饿了么组件是全局引用的, 所以要把饿了么复写的样式拿出来: 这样就哦了, 不要再掉进坑里, 千万不要加scoped!!! 阅读全文
posted @ 2018-10-14 16:19 shysun 阅读(2323) 评论(0) 推荐(0) 编辑

vue中设置显示默认图片

摘要: 有时候后台返回的图片格式不对时, 我们需要在img中设置默认图片,例如这种: 最后一张图片显示的是默认图片, 写法如下: 阅读全文
posted @ 2018-10-14 16:12 shysun 阅读(5054) 评论(0) 推荐(0) 编辑
2018年10月5日

使用vue中的v-for在模板中遍历数组中的数组

摘要: 接口返回数据, 需要每一项的数据, 刚开始不知道怎么取rule中的数据, 在methods中处理了好久, 后来发现一个好方法, 可以在模板中遍历嵌套遍历: 红色框中遍历外层数据, 黄色框中可以继续遍历,取出rule中的数据; 数据处理如下: 效果图: 灰色框中是数组rule中的数据 阅读全文
posted @ 2018-10-05 21:15 shysun 阅读(13332) 评论(0) 推荐(1) 编辑

input框下沉问题(和其他图标对不齐)

摘要: 先看问题: input和后面的两个盒子应该对齐才对, 但是这个时候input下沉, 给input加了个vertical-align: top解决了 应该是浏览器兼容性的问题 结果: 阅读全文
posted @ 2018-10-05 21:04 shysun 阅读(471) 评论(0) 推荐(0) 编辑
2018年9月15日

Vue项目构建设计说明

摘要: 本Vue项目周边依赖 1. element-ui组件库, 在main.js中引入了, 但是在目前的项目中基本上没有使用, 大部分都是自己封装的组件; 2. axios第三方包; 3. vuex 项目复杂后,使用vuex来管理状态必不可少, 主要存放了一些用户信息 整个目录结构 ├── build # 阅读全文
posted @ 2018-09-15 11:05 shysun 阅读(680) 评论(0) 推荐(0) 编辑