收藏
回答

在一个页面加入tabBar之后,数据绑定失效,这是为什么?

wxml代码:

<!--pages/mine/mine.wxml-->
<view class="big-box">
  <view class="user-box">
    <image class="head-sculpture-box" src="{{head_sculpture_url}}"></image>
    <view class="Nickname-id-box">
      <view class="Nickname-box">昵称:{{Nickname}}</view>
      <view class="id-box">账号:{{id}}</view>
    </view>
    <text class="login-register-text">登录/注册</text>
  </view>
</view>

wxss代码:

/* pages/mine/mine.wxss */
page{
  font-family: 'Times New Roman', Times, serif;
}
/*成分所以东西的大盒子*/
.big-box{
  height: 100px;
  width: 90%;
  margin: 0 auto;
}
/*用户卡片盒子*/
.user-box{
  position: relative;
  height: 200px;
  width: 100%;
  border-radius: 10px;
  background-color: red;
}
/*头像*/
.head-sculpture-box{
  float: left;
  height: 100px;
  width: 100px;
  border-radius: 50px;
  margin: 50px 20px;
  background-color: blue;
}
/*昵称和账号的盒子*/
.Nickname-id-box{
  float: left;
  position: absolute;
  height: 50px;
  width: 150px;
  margin: 75px 0;
  left: 140px;
  background-color: blue;
}
.Nickname-box,.id-box{
  height: 50%;
  width: 100%;
  line-height: 150%;
}
/*登录/注册文字*/
.login-register-text{
  float: right;
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: underline;
}

js代码:

// pages/mine/mine.js
Page({
 
  /**
   * 页面的初始数据
   */
  data: {
    head_sculpture_url:'../images/icon_zhanghao.png',
    Nickname:'123123',
    id:'1234567',
  },
 
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
 
  },
 
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
 
  },
 
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
 
  },
 
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
 
  },
 
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
 
  },
 
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
 
  },
 
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
 
  },
 
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
 
  }
})

tabBar:

"tabBar": {
    "color": "#a9b7b7",
    "selectedColor": "#11cd6e",
    "borderStyle": "white",
    "list": [
      {
        "pagePath": "pages/users/users",
        "iconPath": "pages/images/首页.png",
        "selectedIconPath": "pages/images/被选中的首页.png",
        "text": "商城"
      },
      {
        "pagePath": "pages/shoppingcar/shoppingcar",
        "iconPath": "pages/images/购物.png",
        "selectedIconPath": "pages/images/被选中的购物.png",
        "text": "购物车"
      },
      {
        "pagePath": "pages/mine/mine",
        "iconPath": "pages/images/我的.png",
        "selectedIconPath": "pages/images/被选中的我的.png",
        "text": "我的"
      }
    ]
  },

去除tabBar后,数据绑定生效。


加入tabBar后,数据绑定失效。


请问这是为什么?

回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容
问题标签