写在前面的话：从事小程序开发已经大半年的时间了，但是一直都是再用原生写项目。一直想着用框架自己写一个小程序，但苦于一直没有时间。正好最近项目搁置，有了空闲时间，就研究了下mpvue + Vant weapp + 微信云服务开发。完成了一个简单的小程序开发。开发过程中遇到不少的坑，也有一些心得，通过这篇文章分享给正在踩坑的各位小伙伴，希望能对你们有所帮助。 1. 初始化一个 mpvue 项目# 1. 全局安装 vue-cli # 一般是要 sudo 权...
本来项目都写的差不多了，测试测着侧着就冒出了新的想法，我因为做的是问卷，因此会有用户必答题未答完的可能存在，本来市场部给的需求就是做一个弹窗就好了，她说想要做出跳回到用户未答的第一道题，好吧，既然都这么说了就只有实现一下了 首先来理一下思路： 1.要获取用户未填写的题目 2.定位到第一个未填写的题目节点 3.获取坐标并跳到该坐标位置 第一步获取用户未填写题目很容易啦，可以在里面加个字段什么的来标记是否填写，拿...
如何使用mpvue做小程序，引入公共的common.css 随意在目录下建一个common.css文件，然后再App.vue中以import的形式 引入； ====》App.vue中 实现轮播图 使用微信小程序默认的swiperswiper组件<template><swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" :circular="circular"><block v-for="(item, index) in images" :key="index"><swiper-item>...
用mpvue框架和原生的微信小程序有一定差异性，之前在做选择器的时候用原生的方法怎么都不行，最后找到了解决办法。 代码如下：<template> ??<div?class="cost-estimation"> ????<view?class="section"> ??????<picker?mode="selector"?@change="bindPickerChange"?:index="index"?:range="array"> ????????<view> ??????????当前选择的国家：{{array[index]}} ????????</view> ??????</picker> ????</view> ??</div> </template><s...
目录 从Github更新本地代码 更新node服务器版本 更新服务器数据库 更新微信小程序版本 更新Vue后台 从Github更新本地代码 这是多人协作的项目，先将代码git到本地，然后自己负责的部分需要改动的，进行修改。 常用使用命令 git checkout master git stash git pull git stash pop 更新node服务器版本 如果有数据库的变动，在服务器上需要重新执行.sql文件，生成新的数据库。所用到的.sql文件我放在项目目录中，因此本地数据库变动...
在uniapp微信小程序中使用mpvue-echarts的总结项目需求在uniapp中实现echarts地图存在问题针对修改以下几个地方 项目需求在uniapp中实现echarts地图 网上找了相关的方法:https://blog.csdn.net/CherryLee_1210/article/details/83016706 存在问题 1.在uniapp中使用echarts的时候发现H5页面不报错，但是图表不显示的问题； 2.在uniapp小程序中报:this.echarts.setCanvasCreator 找不到响应的函数； 如上描述的博客： 在项目终端中依...
后端：全部采用springboot+dubbo 提供接口 前端：1.微信小程序 2. vue admin管理后台，用于处理用户小程序下单信息，接单，拒单，菜单上架下架等等。 特点：用户下单商家立马能够接单，websocket即时获取下单信息，并且拥有语音提示，网页页面弹出下单信息等等 代码：①：后端：wechat-dubbo项目文件夹 ②：网页后台系统：vue3.0-wechat-admin项目文件夹 ③：微信小程序：weChat项目文件夹 预览： 小程序：...
1. 安装Node.js 2. 打开Node.js 安装vue脚手架 输入： npm install --global vue-cli 或者 cnpm install --global vue-cli 3.选择当前文件夹 输入： vue init mpvue-quickstart 文件夹名字 注释：前面的是固定的文件夹名字最好用英文 4.cd到项目里面安装依赖 ： cd 项目名字 注释：前面的是固定的文件夹名字最好用英文 5...
一、快速创建一个mpvue项目 全局安装 vue-cli vue init mpvue/mpvue-quickstart mpvue-demo cd mpvue-demo (指向项目根目录) 安装fly（基于Promise的http请求库） -- npm i flyio --save 安装依赖 -- npm install 启动 -- npm run dev 二、项目代码文件夹
小程序参考vue语法，之前做过小程序的，可以逆向思维。1，Vue文件后缀是.vue，vue组件把html<template>、js<script>和css<style>写在同一个文件里，小程序分三个文件，vue相当于把小程序三个文件合并成一个文件。2，路由VueRouter，类似局部刷新，相当于小程序配置文件路径的方法。3，VueResource，相当于ajax请求http的方法。4，vuex是存储数据，存储仓库，直接快速分发数据到各个组件的工具，类似小程序的缓存。5，生命周期函数，...
// 点击立即打赏按钮dashang() {let money = (this.data.money).trim();if (!money || !(/^[1-9][0-9]*$/.test(money))) {wx.showToast({title: '请选择或输入正确的金额',icon: 'none', //如果要纯文本，不要icon，将值设为'none'duration: 2000})} else {console.log(money);}},
摘要： mpvue中页面之间传值（注意：是页面之间，不是组件之间） 场景：A页面跳转B页面，在B页面选择商品，将商品名带回A页面并显示 使用api： getCurrentPages step1： A页面js: 先定义一个全局的对象that，然后在mouted中把this赋给that <script> var that = null; export default {data () {return {setData: function (key,value) {that[key] = value}}}, } <script> mounted () {that = this;}, step2： B页面js 1...
在安装本框架的基础必须安装合适的Node.js和可以运行的npm包，安装过程本书前面已经提到过，不再赘述。 （1）保证npm和Node.js的可用性后，使用如下代码安装Vue.js环境。# 全局安装 vue-cli# 如果是Linux或者Unix等一般是要 sudo 权限的npm install --global vue-cli@2.9 在Windows中使用CMD安装环境，安装效果如图10-1所示。图10-1 Vue.js安装 （2）等待安装完成后，如果没有出现错误提示，即成功安装了vue环境，可以在CMD中输入v...
本节将介绍如何使用WePY创建一个最简单的项目，也就是之前已经创建过的HelloWorld。 1.6.1 创建HelloWorld项目 首先需要在使用的代码编辑器中新建一个项目，之后使用CMD命令行工具或者是终端shell等使用“cd 文件目录”的命令进入到该项目目录下。 执行：wepy init standard HelloWorld，执行成功后会对该项目进行一些初始化配置，这里选择的配置如图1-27所示。 ? 图1-27 创建WePY项目 这里配置的AppID和其他的内容并不能直接作用于...
WePY的安装或更新都通过npm进行，全局安装或更新WePY命令行工具，使用以下命令：npm install wepy-cli -g 稍等片刻，成功安装后，即可创建WePY项目。 注意：如果npm安装时间过长或者是连接超时而导致的失败，则可以使用国内的镜像源，这里推荐一个稳定的源，来自淘宝。网站地址为http://npm.taobao.org/，可以使用淘宝定制的cnpm（gzip压缩支持）命令行工具代替默认的npm:$ npm install -g cnpm --registry=https://registry.npm.t...