微信小程序开发——利用mpVue开发中遇到的坑

第一次开发小程序，想利用前端技术开发小程序，就偷懒用了mpVue，但是在调用组件的时候还是发生了很多问题，一来是前端基础不够扎实，二来从来没开发过小程序的我确实认识较浅。

一、调用iview的坑

基础的如何调用组件我就不多说了 如果不会的话 网上基本的教程都有 具体讲解确实没什么意思 就针对几点我遇到的坑（emmmm 可能是我自认为的坑）大致提一下

1、iView Weapp的官方文档的教程都是针对原生小程序开发的，因此有些语法是需要修改的，以tabBar为例：

示例

js部分

但前端开发这样调用就会报错 毕竟语法不同 具体需要

1、将{{xxx}}双括号形式的调用改成v-bind；

2、函数的调用和编写都需要修改成前端开发的形式；

 具体的代码：

     

     

     

     

   

methods中加函数handleChange，data中current参数（data就不复制了）

handleChange (el) {

      this.current = el.mp.detail.key

    },

2、i-input使用时发现无法输入数据

这个问题困扰了很久 后来在论坛看到的 在i-input后面加上maxlength就解决了（methods中还是需要将输入的值赋值到name参数）