【uni-app】开发问题汇总

news2025/1/20 14:50:57

文章目录

  • 1、APP获取dom
  • 2、添加页面,参考其他页面,国际化就是对应页面的导航的国际化"navigationBarTitleText": "%m.i.ForgetPaymentPassword.bartitle%",
  • 3、setStatusBarStyle这个导航栏设置方法不要了,导航栏现在都用原生的,template里的导航头的代码和对应的样式都不需要了,页面mounted方法里放修改导航栏头文字的代码,国际化就是头上的国际化配置:
  • 4、ios中不支持`-`作为日期之间的分隔符,需要使用`/`。 replaceAll方法并不兼容所有的手机,ios上使用replaceAll 错误:is not a function
  • 5、引入css的方法:
  • 6、uViews 中tabs 在模拟器iphone7(IOS 12.4)中无法滚动。真机测试没有问题
  • 7、u-number-box步进器问题
  • 8、text组件使用不可嵌入除自己以外的其他组件,否则会引发在不同平台的渲染差异
    • 组件属性:

1、APP获取dom

APP和小程序不支持调用任何小程序和app的逻辑层都不支持浏览器专用的window、dom等API,如需获取dom进行操作,APP和小程序可以使用uni.createSelectorQuery 获取对应dom信息:获取方式跟jQuery差不多。

文档说明:https://uniapp.dcloud.net.cn/api/ui/nodes-info.html#createselectorquery

let view = uni.createSelectorQuery().in(this).select("#id");  
view.fields({  
    size: true,  
    scrollOffset: true  
}, data => {  
   console.log("得到节点信息" + JSON.stringify(data));  
   this.rContentHeight = data.height;
}).exec();

2、添加页面,参考其他页面,国际化就是对应页面的导航的国际化"navigationBarTitleText": “%m.i.ForgetPaymentPassword.bartitle%”,

3、setStatusBarStyle这个导航栏设置方法不要了,导航栏现在都用原生的,template里的导航头的代码和对应的样式都不需要了,页面mounted方法里放修改导航栏头文字的代码,国际化就是头上的国际化配置:

注意:手动设置navbarTitle 只能写在mounted生命周期里

uni.setNavigationBarTitle({
title: this.$t('m.i.settings.navTitle')
})

4、ios中不支持-作为日期之间的分隔符,需要使用/。 replaceAll方法并不兼容所有的手机,ios上使用replaceAll 错误:is not a function

1
推荐使用正则替换所有。

this.formData.tradeDateBegin = value[0].replace(/[-]/g, '/');

或者:

this.formData.tradeDateBegin = value[0].split('-').join('/');
this.formData.tradeDateEnd = value[1].split('-').join('/');

5、引入css的方法:

@import "@/common/receiptView.scss"

6、uViews 中tabs 在模拟器iphone7(IOS 12.4)中无法滚动。真机测试没有问题

7、u-number-box步进器问题

在手动清空输入框的值时,change事件没有触发,导致form表单绑定的属性没有同步清空,如 formData.entrustAmount,需要再添加blur事件进行同步修改。

<u-number-box :min="0" v-model="formData.entrustAmount" @change="valChange" @blur="valChange"></u-number-box>

8、text组件使用不可嵌入除自己以外的其他组件,否则会引发在不同平台的渲染差异

组件属性:

属性类型默认值必填说明
selectabelbooleanfalse文本是否可选
spacestring显示连续空格,可选参数:ensp,emsp,nbsp ensp:中文字符空格一半大小 emsp:中文字符空格大小 nbsp:根据字体设置的空格大小
decodebooleanfalse是否解码,支持:5+APP,H5,微信小程序

• text组件相当于行内标签,在同一行显示(相当于span标签)

• 除了文本节点以外的其他节点都无法长按选中

<text>组件内只支持嵌套<text>,不支持其它组件或自定义组件,否则会引发在不同平台的渲染差异。但text嵌套text在小程序中布局是有问题的。所以不推荐text嵌套组件。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1790055.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

66、API攻防——接口安全阿里云KEYPostmanDVWS

文章目录 一、工具使用——Postman自动化测试二、安全问题——Dvws泄露&鉴权&XXE三、安全问题——阿里KEY信息泄露利用 dvws-node 一、工具使用——Postman自动化测试 二、安全问题——Dvws泄露&鉴权&XXE 路径中出现/api/&#xff0c;一般都是接口。 请求包是…

Cesium项目报错An error occurred while rendering. Rendering has stopped.

一般就是本地打开会报错&#xff0c;改成用本地服务器打开 全局安装一个live-server sudo cnpm i live-server -g然后新增一个package.json文件 npm init -y然后在package.json的scripts中增加一个命令 "server": "live-server ./ --port8181 --hostlocalhos…

香橙派 AIpro 的系统评测

0. 前言 你好&#xff0c;我是悦创。 今天受邀测评 Orange Pi AIpro开发板&#xff0c;我将准备用这个测试简单的代码来看看这块开发版的性能体验。 分别从&#xff1a;Sysbench、Stress-ng、PyPerformance、RPi.GPIO Benchmark、Geekbench 等方面来测试和分析结果。 下面就…

第15章 面向服务架构设计理论实践

服务是一个由服务提供者提供的&#xff0c;用于满足使用者请求的业务单元。服务的提供者和使用者都是软件代理为了各自的利益而产生的角色。 在面向服务的体系结构(Service-Oriented Architecture,SOA)中&#xff0c;服务的概念有了延伸&#xff0c;泛指系统对外提供的功能集。…

纷享销客BI智能分析平台技术架构介绍

纷享销客BI智能分析平台致力于降低用户上手门槛&#xff0c;无缝继承纷享销客PaaS平台的对象关系模型和权限体系&#xff0c;让使用纷享CRM的营销人员、销售人员、服务人员等各类角色人员都能够将分析场景与业务场景相融合&#xff0c;将数据思维融合到自己的日常工作、团队工作…

【笔记】半车垂向振动模型

模型如下 半车振动模型,被动悬架 力学推导 代码 %书第135页 clc clear close all %% 1.车辆参数 ms=690; Isy=1222; mwf=40.5; mwr=45.4; Ksf=17000; Ksr=22000; Csf=1500; Csr= 1500; Kwf= 192000; Kwr= 192000; a= 1.25; b= 1.51; L=a+b; %% 2.状态方程 A=[0 0 0…

今日科普:了解、预防、控制高血压

高血压&#xff0c;常被称为“隐形的健康威胁”&#xff0c;许多患者可能在毫无预警的情况下发病&#xff0c;且患病率逐年攀升&#xff0c;同时患者群体逐渐年轻化&#xff0c;高血压虽然难以根治&#xff0c;但并不可怕&#xff0c;真正可怕的是血压长期居高不下&#xff0c;…

【一百零一】【算法分析与设计】差分,1109. 航班预订统计,P4231 三步必杀,P5026 Lycanthropy

1109. 航班预订统计 这里有 n 个航班&#xff0c;它们分别从 1 到 n 进行编号。 有一份航班预订表 bookings &#xff0c;表中第 i 条预订记录 bookings[i] [first(i), last(i), seats(i)] 意味着在从 first(i) 到 last(i) &#xff08;包含 first(i) 和 last(i) &#xff09;…

【ArcGISPro SDK】构建多面体要素

结果展示 每个面构建顺序 代码 using ArcGIS.Core.CIM; using ArcGIS.Core.Data; using ArcGIS.Core.Geometry; using ArcGIS.Desktop.Catalog; using ArcGIS.Desktop.Core; using ArcGIS.Desktop.Editing; using ArcGIS.Desktop.Extensions; using ArcGIS.Desktop.Framework;…

JVM学习-内存泄漏

内存泄漏的理解和分类 可达性分析算法来判断对象是否是不再使用的对象&#xff0c;本质都是判断一上对象是否还被引用&#xff0c;对于这种情况下&#xff0c;由于代码的实现不同就会出现很多内存泄漏问题(让JVM误以为此对象还在引用&#xff0c;无法回收&#xff0c;造成内存泄…

写一个盲盒模拟器

最近想写一个小程序&#xff0c;随便写一个玩吧&#xff0c;先想了下功能&#xff1a; 1.有很多盲盒&#xff0c;可以选择模拟开启 2.自定义盲盒&#xff0c;我们可以自定义制作盲盒自己玩 3.用户界面&#xff0c;记录盲盒历史&#xff0c;可以给坏越提意见 所用技术栈&…

数据库 mysql 的彻底卸载

MySQL卸载步骤如下&#xff1a; &#xff08;1&#xff09;按 winr 快捷键&#xff0c;在弹出的窗口输入 services.msc&#xff0c;打开服务列表。 &#xff08;2&#xff09;在服务列表中&#xff0c; 找到 mysql 开头的所有服务&#xff0c; 右键停止&#xff0c;终止对应的…

拉普拉斯算子

问Chat GPT两种不同拉普拉斯算子的区别&#xff1a;

打印机的ip不同且连不上

打印机的ip不同且连不上 1.问题分析2.修改网段3.验证网络 1.问题分析 主要是打印机的网段和电脑不在同一个网段 2.修改网段 3.验证网络

springcloudalibaba项目注册nacos1.4.2,在nacos上修改配置项不生效问题

背景 之前的项目启动正常,后来发现springcloudalibaba的各版本匹配不正确,于是对项目中的springboot、springcloud、springcloudalibaba版本进行匹配升级,nacos1.4.2匹配的springboot、springcloud、springcloudalibaba版本与我的项目中的版本比较接近,于是我便重新安装了…

汉化PyCharm 2021.1.1 x64超详细教程

1.先打开PyCharm 然后去按住ctrlalts就会打开设置 然后去官网下载 官网地址&#xff1a;Chinese (Simplified) Language Pack / 中文语言包 Plugin for JetBrains IDEs | JetBrains Marketplace 点击进去找到对应的版本进行下载然后将里面的jar包放到 然后重启PyCharm就好了…

Amazon云计算AWS(三)

目录 五、关系数据库服务RDS&#xff08;一&#xff09;RDS的基本原理&#xff08;二&#xff09;RDS的使用 六、简单队列服务SQS&#xff08;一&#xff09;SQS的基本模型&#xff08;二&#xff09;SQS的消息 七、内容推送服务CloudFront&#xff08;一&#xff09;CDN&#…

Anolis OS 8.9服务器使用1PANEL安装部署Halo

前言 昨天我使用Anolis OS 8.9服务器安装部署1PANEL&#xff0c;今天我就来讲讲最强大易用的开源建站工具&#xff1a;Halo 2.16.1的部署。 Halo [ˈheɪloʊ]&#xff0c;意为光环。当然&#xff0c;你也可以当成拼音读(哈喽)。 它轻快&#xff0c;简洁&#xff0c;功能强大。…

SDL教程(二)——Qt+SDL播放器

前言 ​ 这篇文章主要是使用SDL来打开视频&#xff0c;显示视频。后续会再继续使用SDL来结合FFmpeg。来能够直接使用网上的demo进行学习。 正文 一、环境 Qt 5.15.2 MSVC2019 64bit Win11 二、Qt搭建SDL Qt搭建&#xff0c;我觉得相比用VS2019来说&#xff0c;更为方便&…

SD6210A 低噪声可调电荷泵DC/DC转换器芯片IC

一般描述 该SD6210A是一种低噪声&#xff0c;恒定频率(1.20MHz)开关电容电压倍增器。它产生一个调节输出电压从2.8V到5V的输入与高达250mA的输出电流。低外部零件数(一个飞行电容器和两个小旁路电容的VIN和VOUT)使SD6210A非常适合小型&#xff0c;电池供电的应用新的电荷…