摘要: 问题描述: 最近后台说为了提高上传效率,要前端直接上传文件到阿里云,而不经过后台。因为在阿里云服务器设置的允许源(region)为某个固定的域名下的源(例如*.cheche.com) 我们直接在本地测试上传会有跨域问题: 解决方案: 在本机C:\Windows\System32\drivers\et 阅读全文
posted @ 2018-12-27 18:51 Lena_叶 阅读(22034) 评论(11) 推荐(1)
摘要: 开发环境描述: Vue.js ElementUI 高德地图API 需求描述: 在新增地址信息的时候,我们需要根据input输入的关键字调用地图的输入提示API,获取到返回的数据,并根据这些数据生成下拉列表,选择某一个即获取当前的地址相关信息(包括位置名称、经纬度、街区、城市、id等信息)。 如果不用 阅读全文
posted @ 2018-12-07 17:08 Lena_叶 阅读(11542) 评论(14) 推荐(1)
摘要: 需求:日期范围选择器,当选择好一个日期范围时,立即触发查询功能 js代码: 阅读全文
posted @ 2018-11-19 19:21 Lena_叶 阅读(12432) 评论(7) 推荐(0)
摘要: 复制内容到粘贴板,就是要选择需要复制的内容并执行document.execCommand("copy")命令: 如果应用场景复杂些,可能有多种元素(textarea、input、div等)需要复制内容,可以写一个通用方法: 阅读全文
posted @ 2018-11-15 16:51 Lena_叶 阅读(4514) 评论(0) 推荐(0)
摘要: 1.安装 利用npm安装 2.引入即可使用 3.目录 4.各个文件设置: (1)env.js (2)index.js 备注:road.js定义了一个新的Vue对象,目的是调用elementUI的提示信息($message,比如当服务器连接失败时,提示“服务器连接失败”),不需要用到的可移除相关配置 阅读全文
posted @ 2018-10-25 17:06 Lena_叶 阅读(44720) 评论(2) 推荐(1)
摘要: (使用到了elementUI框架) api/api_dispatch.js: api/index.js:(省略了其他的GET、POST等方法) 阅读全文
posted @ 2018-10-09 10:40 Lena_叶 阅读(11935) 评论(6) 推荐(1)
摘要: 需求:将textarea与span标签组合,点击标签自动填入标签文本内容,再次点击删除标签文本对应内容 原理:点击标签时,将标签内容作为参数,将内容拼接在textarea的value后面,再次点击标签,使用js的replace替换(这里只能替换找到的第一个与标签内容相同的值) 实现代码如下: 阅读全文
posted @ 2018-09-25 15:26 Lena_叶 阅读(2450) 评论(0) 推荐(0)
摘要: vue实现复制内容到粘贴板 方案:找到textarea对象(input同样适用),获取焦点,选中textarea的所有内容,并调用document.execCommand("copy") 实现代码: <template> <div> <textarea ref="letters"></textare 阅读全文
posted @ 2018-09-01 18:10 Lena_叶 阅读(3703) 评论(1) 推荐(0)
摘要: elementUI的表格初始化比较简单,声明prop值对应的字段名即可。 而在实际应用中,我们常常有这种需求:从服务器获取的数据并不是我们要显示的最终结果,涉及一些状态、类型、日期时间等的转换,这时候我们就需要用elementUI表格组件的formatter属性,来进行数据转换了。 以下给出一个例子 阅读全文
posted @ 2018-08-31 10:46 Lena_叶 阅读(49953) 评论(0) 推荐(2)
摘要: elementUI提供了照片墙上传的功能,我们直接拿来用。 以下是实现代码: 效果图: 上传之后,我们可能会有编辑的情况,这里附上照片墙编辑时的初始化的代码:(请注意editFiles) 初始化后的效果就是这样: 接下来就可以继续愉快地上传图片啦。 阅读全文
posted @ 2018-08-23 20:04 Lena_叶 阅读(13292) 评论(1) 推荐(3)