摘要: 本文档用于记录vue相关PC端遇到的一些问题记录,方面团队成员共享 一、element ui踩坑记录: 1、el carousel 使用el carousel幻灯片时,动态设置轮播时间interval。需要同步动态绑定autoplay的值。否则会出现轮播卡顿或者延迟的问题。与源码中定时器有关。需要关 阅读全文
posted @ 2019-05-20 17:07 sevenberry 阅读(625) 评论(0) 推荐(0) 编辑
摘要: 记录小程序中常用的几种页面传值方式 一、storage 通过 回调方式获取data值,或者通过 同步获取key对应的data值 二、url传值 url传值也是经常都能用到的 1、url传递通过字符串拼接传递key=value形式的参数 在跳转后的页面的 生命周期函数中接受一个 参数,可以通过 获取到 阅读全文
posted @ 2019-01-03 15:17 sevenberry 阅读(1693) 评论(0) 推荐(0) 编辑
摘要: 小程序实现向用户发推送消息,需要前端传formid给后台。后台便可以实现消息推送。那么formid怎么获取呢? formid 肯定是写在form表单中的,通过button按钮触发,一个简单的例子: js文件: 注意formid只能通过真机调试可以看到,在编辑器上测试只能输出字符串。 以上代码可以实现 阅读全文
posted @ 2019-01-03 14:37 sevenberry 阅读(1313) 评论(0) 推荐(0) 编辑
摘要: 项目中需要用户上传图片,需要实现,上传按钮默认为一个,在上传一张图片之后,自动增加一个上传按钮,上传三张图片后按钮消失。 实现思路: 1、图片路径存储在一个数组中,增加和删除图片是对数组进行操作; 2、仅一个按钮,添加计数器,num=1;当num==3时,设置按钮隐藏。 直接上代码: .wxml文件 阅读全文
posted @ 2018-10-24 20:31 sevenberry 阅读(1202) 评论(0) 推荐(0) 编辑
摘要: 贴图 大概实现这种使用swiper做tab切换,数据页面下拉刷新的效果。 官方提供的scroll view作为容器,如果在scroll view使用onPullDownRefresh实现下拉刷新,会存在页面刷新卡,并且刷新会出现在tab之上,用户体验极差。 这里先来一波参考文档: "scroll v 阅读全文
posted @ 2018-10-24 19:13 sevenberry 阅读(4284) 评论(0) 推荐(0) 编辑
摘要: 参照 "这里" 这里将重要的点贴一下: 一、项目目录结构 在项目同级目录新建components文件夹,新建component会生成wxml,wxss,js,json文件。将所有的公共组件都写在此文件夹下。 二、组件引入和使用 我们的所有页面一般写在pages目录下,每个页面有wxml,wxss,j 阅读全文
posted @ 2018-10-09 22:24 sevenberry 阅读(1460) 评论(0) 推荐(0) 编辑
摘要: 写小程序的你是否已经厌倦了发送网络请求的wx.request?接着看吧。。。 一、目录结构 在项目同级目录下utils文件夹里新建一个fetch.js文件,(名字看自己喜好) 二、直接上代码 三、使用: 1、文件最上面引入: 2、使用 注意 1、promise为 异步 请求,在fetch.js中使用 阅读全文
posted @ 2018-10-09 21:38 sevenberry 阅读(1541) 评论(1) 推荐(0) 编辑
摘要: 以我的 Fedora27 为例 ubuntu可以借鉴 "linux安装微信开发工具" 需要修改步骤: 一、下载项目 二、进入目录 三、安装wine fedora安装wine请 "点这里" 一定要首先添加自己系统版本号的仓库地址再安装稳定版本的包 四、自动下载最新 nw.js , 同时部署目录 ~/. 阅读全文
posted @ 2018-09-28 15:49 sevenberry 阅读(1866) 评论(0) 推荐(0) 编辑
摘要: 一、data 和vue中的data不同的是,直接修改data的数据 不会实时更新 比如: 解决办法: setData setData对数组元素操作: 二、input双向绑定 小程序里面没有v model 需要 添加绑定事件 bindinput="functionName" 示例: 三、循环:wx.f 阅读全文
posted @ 2018-09-11 12:49 sevenberry 阅读(227) 评论(0) 推荐(0) 编辑
摘要: "popover插件用法" 话不多说,先上图: js实现这个的原理也简单,在按钮上绑定一个点击事件,将相对应的元素设置隐藏和显示。但是这个网页使用bootstrap做的,就懒得费功夫自己写啦。 第一步我们先写一个标签 `IPHONE ` 我这么懒的人,当时选择直接copy bootstrap中的示例 阅读全文
posted @ 2018-08-27 14:00 sevenberry 阅读(2500) 评论(0) 推荐(0) 编辑