- 博客(19)
- 收藏
- 关注
RSS订阅原创 mpvue开发微信小程序城市三级联动加筛选功能
先看效果：上图这里引用了 Mpvue-WeUI 但是原生的组件没有不限地区的功能自己手写上取消每个级别的取消Mpvue-WeUIhttps://mpcomponent.github.io/mpvue-weui/guide/代码全↓↓↓↓<template> <div class="longinPage"> <div cl...
2019-04-30 16:50:32
366
原创 mpvue开发微信小程序上拉加载功能（代码全）
先上图 看效果：刚进入页面是8条数据，取消地区后是68条数据 这里 每15条数据分一页，滚动底部自动加载新的一个接口push到列表中；滚动中可以看接口请求一直在添加 到最后无数据 就不会发起新的请求准备开始：基于mpvue 在main.js中import Vue from 'vue'import App from './index'// add this to h...
2019-04-30 16:10:51
361
原创 mpvue开发微信小程序页面跳转（入坑传递多个参数网址类型）
1. 利用小程序提供的 API 跳转：// 保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。// 注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，但是 redirectTo wx.navigateTo({ url: 'page/home/home?user_id=111'})// 关闭当前页面，返回上一页...
2019-04-29 17:15:25
405
原创 mpvue开发微信小程序：数据存储、传值、取值
小程序界面传值父级界面：A界面子级界面：B界面一、url传值详细的配置参数可以查看组件导航：navigator,这里不再做过多的解释。1. 正向传值：A界面 –>B界面用 navigator标签或 wx.navigator传值，A界面向B界面传id值A界面获取id值传向B界面如果需要传多个参数, 用 & 链接即可 // 方法一：navigator...
2019-04-29 17:09:46
507
原创 mpvue开发微信小程序跳转到其他网页(外部链接)
个人类型和海外类型的小程序不支持 web-view标签也就是说个人申请的小程序，就别想跳转了！！！！1.开发的时候，我们难免碰到要跳转到其他网页中去那该怎么实现呢？2.例如我想点击一个按钮，跳转到百度（百度的网页还是在小程序中打开）3.wxml 1. index.wxml(按钮页面)<view class='wrapper'> <...
2019-04-29 17:04:30
730
原创 mpvue开发微信小程序多级联动功能
先看效果：上图 看了一下小程序的开发文档，好像没有发现可以直接实现多级联动的组件或者可选的 API（如果有，请打醒我），不过它提供了自定义选择器的组件picker-view和picker-view-column，picker-view-column相当于是选择器的每一列，并且picker-view-column之间的数据都是独立的，而且picker-view提供了...
2019-04-24 11:39:02
450
原创 CSS布局flex布局 对齐 等分 均分 详解
一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到float属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存在float: center的写法，那么text-align: center、verticle-align: center是否...
2019-04-23 10:01:09
36198
原创 mpvue开发微信小程序未找到 app.json 中的定义的 pages "pages/Advertisement/main" 对应的 WXML 文件
用mpvue开发微信小程序，开发过程中-过个双休日后上班打开项目从新写结果 微信开发者工具报错什么未构建，开始没理他，后来调试页面发现之前写好的页面有两个打不开，新写了3个页面没问题，写第四个页面时打不开了，配置什么都没改，和之前的页面配置都一样；代码看过之后也没问题；还是有未构建的那个报错，上传码云后，本地代码删了，从新git拉取代码 npm install结果微信开发者工具...
2019-04-22 17:13:03
1323
原创 mpvue开发微信小程序navigateBack失效于tabBar
返回上一层的navigateBack路由要是与配置的tabBar栏目路由相同的话,返回会失效,需换用switchTab//app.json里面设置的tabBar"tabBar": { "list": [ { "text": "返利", "pagePath": "pages/index/main", "iconPath": ...
2019-04-19 13:29:59
1255
2
原创 mpvue开发微信小程序路由跳转底部导航tabBar
mpvue开发微信小程序时,用标签属性做路由跳转的话,open-type属性值要注意:tabBar 微信自带底部导航1.open-type="switchTab" 跳转tabBar路由2.open-type="navigate" 跳转非tabBar路由(默认值)<a href="/pages/index/main" open-type="switchTab" class="...
2019-04-19 13:27:16
1680
原创 CSS用flex布局两端对齐，列不满左对齐
布局上要求两端对齐，且最后一行在列不满的情况下要求左对齐，使用flex的justify-content: space-between;实现时发现最后一行不能左对齐，而是两端对齐方式。# 网上查了一些资料，有两种方法可以实现效果：**1.添加几个空item**（对我来说最有效的，适用于大多数场景）根据布局列数添加空item，比如每行最大n列，那么在最后添加n-2个空i...
2019-04-19 11:30:10
16203
原创 mpvue开发微信小程序修改头部标题颜色
修改标题第一种方法：通过 wx.setNavigationBarTitl 设置mounted(){ this.onLoad() }, methods: { onLoad:function(options){ wx.setNavigationBarTitle({ title: '修改后的标题', success: fu...
2019-04-17 14:16:59
1886
原创 mpvue开发微信小程序去掉目录的main.js
mpvue每个页面必须对应一个main.js，导致每个页面都需要建一个目录，目录下方建一个main.js，感觉非常的繁琐有大神开发了mpvue-entry插件1.安装插件npm install mpvue-entry2.来到项目（mpvue-project）下方的build->webpack.base.conf.js文件const MpvueEntry ...
2019-04-16 13:16:01
1125
1
原创 mpvue开发微信小程序网络请求request 方式配置详解(fly)-fail invalid url
request 指的是小程序中的网络请求，在 mpvue框架中可以通过小程序提供的原生 APIwx.request来进行相关的处理。但是在这里推荐一个第三方的网络请求库fly。之所以推荐这个第三方库，是因为可以在多个端上实现代码的复用，目前已支持的有Node.js、微信小程序、Weex、React Native、Quick App。mpvue没配置请求方式时碰到如下图的错误：...
2019-04-16 11:37:43
1509
原创 vue基于elementUi筛选后分页恢复默认第一页(也可用回显页)
问题描述：默认打开页面，分页是1；当点第二页之后再进行筛选位置，没加恢复之前 接口传的页数还是2，返回第二页的数据；需求：当更改筛选时 添加让页数 更改为默认1；这时要添加:current-page.sync="pageNo" 当前页<div class="pagination"> <el-pagination @current-c...
2019-04-15 14:17:16
7378
原创 微信小程序三种开发方式对比（原生，wepy，mpvue）
前言 如今公司随潮流，把现有h5项目，重做成小程序项目！网上搜索到 现微信小程序的三种开发方式 做下对比！不足之处请多多指点！开发文档原生开发小程序文档：点此进入 wepy 开发文档：点此进入 mpVue 开发文档：点此进入三者的简单对比小程序缺点个人认为小程序开发中，最大的缺点，也是很蛋疼的问题不支持vue的过滤器filters(因此数据都得提前...
2019-04-11 10:43:30
3716
原创 vue基于element时间日期组件上传多个时间转字符串（限制今天以前不能选）
html<el-form-item label="最晚到货时间" prop="project_time2" size="small" style="width: 618px"> <el-date-picker v-model="ruleForm.project_time2" type="da...
2019-04-10 16:38:09
2157
原创 vue项目去掉地址中的#（PC,H5）
vue项目携带一个#会对开发造成一定的影响：微信H5支付的回调地址，不允许有#微信三方登录回调地址，有#号时，接收不到code参数App分享，处理特殊字符时，可能会对#进行编译现在网站大多有三方登录，支付等功能，存在#，项目开发就存在很大的障碍。有点影响美观去#的原理vue把#当做自己的根目录，静态资源，比如图片。去掉#后，要采用相对路径去引用，如果图片引用是在js...
2019-04-09 11:03:41
498
原创 主流浏览器及四大内核
作为前端开发，熟悉四大内核是非常有必要的。四大内核的解析不同使网页渲染效果更具多样化。 浏览器最重要的部分是浏览器的内核。浏览器内核是浏览器的核心，也称“渲染引擎”，用来解释网页语法并渲染到网页上。浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。不同的浏览器内核对网页的语法解释也不同，因此网页开发者需要在不同内核的浏览器中测试网页的渲染效果。现在国内常见的浏览...
2019-04-02 14:40:24
301
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人