微信小程序如何查看变量值

可以使用AppData实时查看变量值是否变化。

非常的方便。

下面是代码详情:
html

    
    
        
            
        
        
            温馨提示：最多延时七天，每个交办单只能延时一次，请根据交办单的工作量来申请延时时间。提交审核后，交办无法提交。
        
    
    
    
        
            延时理由：
        
        
            
                            </view>     
        </view>
        <!-- one -->
        <view class="one">
            <view class="textView">
                延迟时间：
            </view>
             <view class="input">
                <picker class="form-item" bindchange="bindPreFinishTimeChange" value="{{ delay_pre_finish_time }}" range="{{ delay_pre_finish_time_list }}" range-key="">
                    <view class="grey"> {{ delay_pre_finish_time ? delay_pre_finish_time :'请选择延迟时间'}} </view>
                </picker>
                <view class="iconstyle">
                    <image src="../../images/assign/right.png" class="right"/>
                </view>
            </view>
        </view>

        
    </view>
    <!-- 按钮部分 -->
    <view class="sub" bind:tap="toGoSub">
        提交申请
    </view>
</view>

</code></pre>
<p>js</p>
<pre><code>const { httpRequest } = require('../../utils/http.js');
Page({
  /**
   * 页面的初始数据
   */
  data: {
    delay_apply_reason: '',
    delay_pre_finish_time: '',
    delay_pre_finish_time_list: [],
    id: "",
  },
  onLoad: function (options) {
    // 初始化数据
    let { id } = options;
    this.setData({ id })

    // 获取时间列表
    this.getDelayPreFinishTimeList()
  },

  //获取延时时间列表
  getDelayPreFinishTimeList() {
    let _this = this;
    let { id } = this.data;
    httpRequest('/GridAssign/getDelayPreFinishTime', { id }, ({ data }) => {
      _this.setData({ delay_pre_finish_time_list: data })
    }, err => { })
  },

  bindReasonChange(e) {
    this.setData({ delay_apply_reason: e.detail.value })
  },

  bindPreFinishTimeChange(e) {
    let { delay_pre_finish_time_list } = this.data;
    let index = e.detail.value;
    let delay_pre_finish_time = delay_pre_finish_time_list[index];
    this.setData({ delay_pre_finish_time: delay_pre_finish_time });
  },

  toGoSub() {
    let { delay_pre_finish_time, delay_apply_reason, id } = this.data;
    if (!delay_apply_reason) {
      wx.showToast({
        title: '请输入延时理由',
        icon: 'none'
      })
      return
    }

    if (!delay_pre_finish_time) {
      wx.showToast({
        title: '请选择延时时间',
        icon: 'none'
      })
      return
    }

    httpRequest('/GridAssign/applyDelay', { delay_apply_reason, delay_pre_finish_time, id }, ({ data }) => {
      wx.showToast({ title: '提交成功' })
      setTimeout(() => {
        wx.navigateBack({})
      }, 1500)
    }, err => { }, 'applyDelay')
  },
})
</code></pre>
						  
					  </div>
						<!--conend-->
							<div class="p-2"></div>

						<div class="arcinfo my-3 fs-7 text-center">
							
							
			<a href='/t/etagid60513-0.html' class='tagbtn' target='_blank'>[26]微小程序</a>							
						



						</div>
						
						<div class="p-2"></div>

						

						
					</div>
					<div class="p-2"></div>
					<!--xg-->
					<div class="lbox p-4 shadow-sm rounded-3">
						<div class="boxtitle"><h2 class="fs-4">相关</h2></div>
						
<hr>				
						
			            
            
            <!---->
                                    
           <!---->
  			
						

					</div>
					<!--xgend-->
				</div>

				<div class="col-lg-3 col-12 p-0 ps-lg-2">
					<!--box-->									
					<!--boxend-->
					<!--<div class="p-2"></div>-->

					<!--box-->
									<div class="lbox p-4 shadow-sm rounded-3">
					
									   <div class="boxtitle pb-2"><h2 class="fs-4"><a href="#">标签</a></h2></div>
										<div class="clearfix"></div>
										<ul class="m-0 p-0 fs-7 r-tag">
										</ul>
									

										
										<div class="clearfix"></div>
									</div>
					<!--box end-->

					
				</div>

			</div>
		
		
		
		</div>	

</main>
						<div class="p-2"></div>
<footer>
<div class="container-fluid p-0 bg-black">
	<div class="container p-0  fs-8">
	<p class="text-center m-0 py-2 text-white-50">一品网 <a class="text-white-50" href="https://beian.miit.gov.cn/" target="_blank">冀ICP备14022925号-6</a></p>
	</div>	
</div>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?6e3dd49b5f14d985cc4c6bdb9248f52b";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</footer>
		
<script src="/skin/bootstrap.bundle.js"></script>

</body>
</html>