微信小程序判断用户是否填写，填写就展示，填写就展示，未填写就可编辑。

最新推荐文章于 2024-10-17 15:30:09 发布

鸭鸭梨吖

最新推荐文章于 2024-10-17 15:30:09 发布

阅读量424

点赞数 5

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/weixin_51494148/article/details/140354403

版权

案例：
在这里插入图片描述

html:

 <view class="refuel-item">
	    <text style="width:130rpx;" class="color-1777ff">单元号:</text>
	    <input disabled="{{isPerfect == 0?false:true}}" placeholder-class="placeholderClass" model:value="{{unitNumber}}" type="text" placeholder="请输入单元号" />
	  </view>
	  <view class="refuel-item">
	    <text style="width:130rpx;" class="color-1777ff">门牌号:</text>
	    <input disabled="{{isPerfect == 0?false:true}}" placeholder-class="placeholderClass" model:value="{{houseNumber}}" type="text" placeholder="请输入门牌号" />
	  </view>
	    <view class="refuel-item">
      <view style="width: 200rpx;" class="getBusType color-1777ff">政治面貌:</view>
      <view class="carType ">
        <radio-group bindchange="radioChange" data-namesa="zhengZhiMianMao">
          <label style="float:right;">
            <view class="radioName">群众</view>
            <radio disabled="{{isPerfect == 0?false:true}}" checked="{{zhengZhiMianMao == 2}}" value="2" style="float:right;margin-top: -6rpx;" />
          </label>
          <label style="float:right;margin-right: 30rpx;">
            <view class="radioName">团员</view>
            <radio disabled="{{isPerfect == 0?false:true}}" checked="{{zhengZhiMianMao == 1}}" value="1" style="float:right;margin-top: -6rpx;" />
          </label>
          <label style="float:right;margin-right: 30rpx;">
            <view class="radioName">党员</view>
            <radio disabled="{{isPerfect == 0?false:true}}" checked='{{zhengZhiMianMao == "0"}}' value="0" style="float:right;margin-top: -6rpx;" />
          </label>

        </radio-group>
      </view>
      <view class="clearBoth"></view>
    </view>
      <view wx:if='{{zhengZhiMianMao == "0"}}' class="refuel-item">
      <text style="width:200rpx;" class="color-1777ff">党派名称:</text>
      <picker bindchange="{{isPerfect == 0?'dangPaiSelChange':''}}" style="{{dangPaiSelIndex == 0?'color:#797979':''}}" value="{{dangPaiSelIndex}}" range="{{dangPaiSelList}}">
        <view>{{dangPaiSelList[dangPaiSelIndex]}}</view>
      </picker>
    </view>
	 // disabled="{{isPerfect == 0?false:true}}"  判断用户是否填写。可编辑不可编辑状态

js:

 data中定义：   
    jiGuan:"",
	street:"",//街
	neighbourhood:"",
	buildingNumber:"",
 修改的时候传给后台数据（可做判断）：
	if(this.data.buildingNumber == ""){
	  wx.showToast({
	    title: '请输入楼栋号',
	    icon: 'none',
	    duration: 3000,
	  })
	  return
	}
            buildingNumber: that.data.buildingNumber,//楼栋号
			unitNumber: that.data.unitNumber,//单元号
			houseNumber: that.data.houseNumber,//门牌号
进入页面加载的时候从 onLoad()中获取接口之后数据赋值：
       unitNumber: res.result.unitNumber?res.result.unitNumber:'',//单元号
		houseNumber: res.result.houseNumber?res.result.houseNumber:'',//门牌号
        youBian: res.result.postCode?res.result.postCode:'',//邮编
        huKouXingZhi: res.result.residenceType,//户口性质