uniapp使用中小问题及解决方法集合

1、 u-input 标签 设置只读、禁用后,click事件不生效

// 解决u-input 标签 设置只读、禁用后,click事件不生效(不弹出弹框)
.input-disabled-click {
  pointer-events: none;
}

2、 uniapp实现u-datetime-picker时间选择器的默认日期定位,解决default-value不生效问题

this.$refs.NowEndPick.innerValue = Number(new Date()); //需要根据自己的需求,确定时间格式

完整的代码

<u-form-item prop="startDatetime" label="发生时间" @click="pickTimeClick" borderBottom>
          <u-input
              v-model="formData.startDatetime"
              placeholder="请选择"
              disabled
              border="none"
              suffixIcon="arrow-right"
              class="input-disabled-click"
          ></u-input>

        </u-form-item>
<u-datetime-picker
        ref="NowEndPick"
        :show="pickerTime"
        v-model="formData.eventTime"
        mode="datetime"
        @confirm="confirmPicker"
        format="yyyy-MM-dd HH:mm:ss"
        @cancel="closePicker"
        @close="closePicker"
    ></u-datetime-picker>

pickTimeClick() {
      this.pickerTime = true
      this.$refs.NowEndPick.innerValue = Number(new Date()); //需要根据自己的需求,确定时间格式
    },

3、隐藏原有的返回按钮, 自定义返回按钮触发事件 (可以解决嵌入原生安卓里面,返回异常问题) 隐藏原有返回按钮

/* #ifdef H5 */
/* 页面A */
 ::v-deep .uni-page-head-hd>.uni-page-head-btn {
  display: none !important;
}
/* #endif */

配置新的返回按钮

 "globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "demo",
    "navigationBarBackgroundColor": "#F8F8F8",
    "backgroundColor": "#F8F8F8",
    "onReachBottomDistance": 60,
    "h5": {
      "titleNView": {
        "buttons": [{
          "type": "back",
          "float": "left"
        }]
      }
    }
  }

页面编写返回方法

export default {
	/** 自定义按钮 */
  onNavigationBarButtonTap : function (e) {
    console.log(e);
    uni.navigateBack({
      delta: 1 // 默认值是1,表示返回的页面层数
    });
  },
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值