小程序中遇到的一些问题

一、样式的不同

小程序的样式与其它不同，主要用 view 代替 div ，实现页面的改变，所以在进行小程序样式修改时要更加注意

二、更新视图

在小程序中，不会像vue中data的数据会自动改变,所以需要我们使用别的方法更新数据

方法一: 用一个空对象暂存

var data = {}

data[key] = value // key 可以是任何字符串

this.setData(data)


方法二: ES6

this.setData({

    [key]: value

})

三、数据的绑定

在vue中可以使用v-model进行快速的双向数据绑定
但在小程序中则不同，数据传输需要使用data- 进行实现

wxml

js

onLoad:function(e)
{	
	let a = e.currentTarget.dataset.index
	console.log(a)
}

四、app.json

{
	//主页面
  "pages":[
  	// 默认进入第一个页面
    "pages/index/index",  
    "pages/mine/mine",
    "pages/logs/logs",    
    "pages/cart/cart",
    "pages/details/details",
    "pages/dingdan/dingdan",
    "pages/shouhou/shouhou",
    "pages/search/search",
    "pages/login/login"

  ],
  //底部tabbar
  "tabBar": {
    "color":"#000000",
    "selectedColor":"#FFA500",
    "backgroundColor":"#eee",
    "list": [
      {
        "iconPath":"./img/shouye.png",
        "selectedIconPath":"./img/shouye1.png",
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "iconPath":"./img/category.png",
        "selectedIconPath":"./img/category1.png",
        "pagePath": "pages/logs/logs",
        "text": "分类"
      },
      {
        "iconPath":"./img/gouwuche.png",
        "selectedIconPath":"./img/gouwuche.png",
        "pagePath": "pages/cart/cart",
        "text": "购物车"
      },
      {
        "iconPath":"./img/wode.png",
        "selectedIconPath":"./img/wode1.png",
        "pagePath": "pages/mine/mine",
        "text": "我的"
      }
    ]
  },
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "天使童装",
    "navigationBarTextStyle":"black",
    "onReachBottomDistance":50
  },
  //分页面的设置
  "subpackages":[
    {
      "root":"mine",
      "name":"mine",
      "pages": [
        "pages/price/price",
        "pages/jifen/jifen",
        "pages/chengzhangzhi/chengzhangzhi",
        "pages/youhui/youhui",
        "pages/fenxiao/fenxiao",
        "pages/fapiao/fapiao",
        "pages/fapiaolist/fapiaolist",
        "pages/shopaddress/shopaddress",
        "pages/quan/quan",
        "pages/shoucang/shoucang",
        "pages/sign/sign",
        "pages/quan_fen/quan_fen",
        "pages/quan_zhi/quan_zhi",
        "pages/help/help",
        "pages/about/about"
      ],
      "independent":"false"
    }
  ],



  "sitemapLocation": "sitemap.json"
}