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

news/2024/11/6 8:01:47 标签: uni-app, 前端

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,表示返回的页面层数
    });
  },
}

http://www.niftyadmin.cn/n/5740615.html

相关文章

ubuntu工具 -- ubuntu服务器临时没有网络,急需联网下载东西怎么办? 使用手机提供网络

问题 ubuntu服务器配置经常遇到临时需要网络下载文件需求, 通过有线连接又来不及 解决方法 使用手机usb为ubuntu服务器提供网络 先在ubuntu上运行 ifconfig 查看当前的网络接口, 一会看看多了哪个网口 1. 手机端操作 先使用usb数据线将手机连接到服务器上 打开手机的usb共享…

Rust 构建 TCP/UDP 网络服务

第四章 异步编程与网络通信 第二节 构建 TCP/UDP 网络服务 在现代应用程序中&#xff0c;网络通信是核心功能之一。本节将重点介绍如何在 Rust 中构建基本的 TCP 和 UDP 网络服务&#xff0c;涵盖实际的代码示例、最佳实践以及最新的技术方案&#xff0c;以帮助开发者掌握网络…

Hive-testbench套件使用文档

Hive-testbench套件使用文档 hive-testbench 是hortonworks的一个开源项目,用于测试和基准测试 Apache Hive 的工具集。它提供了一系列的测试数据集和查询样例,用于评估和比较 Hive 在不同配置和环境下的性能。hive-testbench 的主要目标是模拟真实的大规模数据集和复杂查询…

【ShuQiHere】️ 深入了解 ADB(Android Debug Bridge):您的 Android 开发利器!

&#x1f4df;&#x1f527;【ShuQiHere】️ &#x1f527;&#x1f4df; 在 Android 应用开发和设备管理中&#xff0c;ADB&#xff08;Android Debug Bridge&#xff09; 是一个不可或缺的工具。无论您是开发者、技术爱好者&#xff0c;还是普通用户&#xff0c;掌握 ADB 的…

A15基于Spring Boot的宠物爱心组织管理系统的设计与实现

&#x1f64a;作者简介&#xff1a;在校研究生&#xff0c;拥有计算机专业的研究生开发团队&#xff0c;分享技术代码帮助学生学习&#xff0c;独立完成自己的网站项目。 代码可以查看文章末尾⬇️联系方式获取&#xff0c;记得注明来意哦~&#x1f339; 赠送计算机毕业设计600…

分类 classificaton

1&#xff09;什么是分类&#xff1f; 在此之前&#xff0c;我们一直使用的都是回归任务进行学习&#xff1b;这里我们将进一步学习什么是分类&#xff0c;我们先从训练模型的角度来看看二者的区别。 对于回归来说&#xff0c;它所作的是对模型输入相应的特征&#xff0c;然后…

《deep learning for AI》文献翻译及总结

这篇论文回顾了深度学习的起源、成就以及未来的挑战&#xff0c;主要涵盖以下内容&#xff1a; 深度学习的基础概念与关键成就 深度学习起源于对大脑中简单非线性神经元网络的研究&#xff0c;其基本思想是通过调整连接强度来学习复杂的内部表示&#xff0c;以完成诸如对象识别…

其他节点使用kubectl访问集群,kubeconfig配置文件 详解

上述两种方式&#xff1a;可使用kubectl连接k8s集群。 $HOME/.kube/config 是config文件默认路径&#xff0c;要么直接定义环境变量&#xff0c;要么就直接把文件拷过去 config文件里面&#xff0c;定义了context&#xff0c;里面指定了用户和对应的集群信息&#xff1a; ku…