![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp
HHH 917
这个作者很懒,什么都没留下…
展开
-
解决 uniapp h5 页面在私有企微iOS平台 间歇性调用uni api不成功问题(uni.previewImage为例)。
uniapp h5 页面在私有企微iOS平台 间歇性调用uni api不成功,在其他平台及设备正常。虽然不知道问题怎么产生的,但是通过正常的api 找到了对应的源码,引入uni h5的 源码就正常了。验证发现 uni.previewImage 打印出来的api正常与失败的不一致。原创 2024-06-17 16:28:04 · 487 阅读 · 0 评论 -
uniapp或者微信小程序 对输入框进行拦截不重新渲染(只输入数字拦截成功但是页面不渲染更新)问题解决
input 事件进行拦截 打印 e.target.value的值变化了,但是页面不重新渲染。输入11ab3 正则进行拦截更改 e.target.value的值更改了113。输入11ab 正则进行拦截更改 e.target.value的值还是是11。输入11a 正则进行拦截更改 e.target.value的值还是是11。输入 11 e.target.value的值是11。就是因为拦截后的值没变导致页面不重新渲染。原创 2023-03-29 10:15:04 · 1173 阅读 · 0 评论 -
uniapp使用taiwindcss多平台开发并保持原生写法插件
weapp-tailwindcss-webpack-plugin 插件作者的另一款插件 tailwindcss-miniprogram-preset 我已在项目中使用过 并使其兼容h5 微信小程序 APP 但是 tailwindcss-miniprogram-preset 插件需要自己配置预设 且没有使用jit引擎 加载使用比较慢 配置也相对麻烦。weapp-tailwindcss-webpack-plugin 的github文档也是很完整 相关demo也比较友善。......原创 2022-08-26 11:30:53 · 2487 阅读 · 1 评论 -
uniapp使用 movable-area movable-view 实现图片双指缩放、鼠标单击缩小双击放大、图片及标记点功能
movable-viewmovable-area movable-view 主要是可以实现缩放及拖拽功能,不过只能限制在movable-area 范围内的拖拽超出范围会回弹。为了增大一点它的回弹范围 可以设置 movable-view的宽高为0;然后子元素决定定位居中。微信小程序没有双击事件 通过setTimeout 拦截并判断是单击还是双击。实现代码(部分无用组件自行删除)getDomInfopartDetail.js组件代码原创 2023-02-24 15:14:08 · 6506 阅读 · 5 评论 -
vue2 uniapp Tree 树形控件基础 组件
【代码】vue2 uniapp Tree 树形控件基础 组件。原创 2023-02-09 14:40:53 · 2789 阅读 · 0 评论 -
uniapp 父组件给子组件传值为Object类型报错 Bad attr `xxx` with message 问题解决
可能是 uniapp 转换 为 微信小程序的bug。写法传值给子组件 会报错。原创 2023-02-09 12:07:48 · 1745 阅读 · 0 评论 -
在微信小程序使用fixed布局固定input 输入框,iPhone ios系统无法获取焦点问题解决。
查看微信小程序开发文档 对input的介绍 https://developers.weixin.qq.com/miniprogram/dev/component/input.html。强制 input 处于同层状态,默认 focus 时 input 会切到非同层状态 (仅在 iOS 下生效)微信小程序 是fixed布局后 ios版本 input 输入框 无法选中 但是长按可以获取焦点。添加 always-embed 属性 即可解决问题。发现了 always-embed 属性。原创 2022-11-03 17:31:34 · 1928 阅读 · 0 评论 -
uniapp vuecli 启动 dev模式下 已勾选压缩但无法压缩问题 解决
使用折中的办法 虽然可以解决一些问题 ,但是如果dev开发模式下文件没有压缩 会导致 vendor.js 文件过大 最终会导致hubuiberX 运行某一个页面组件报错 ,导致代码无法热更新 程序无法写下去。HBuiderX 运行小程序时已勾选 运行时是否压缩代码选项 但是代码并未被压缩。hubuiberX 无法压缩 上传代码不了微信平台 也可以使用hubuiberX的发布模式进行压缩解决。代码可以设置开发预览是体积调整为4m来解决编辑问题,但是文件过大,无法预览及真机预览。原创 2022-10-18 17:22:06 · 1563 阅读 · 0 评论 -
uniapp 修改引入组件样式 使用/deep/、::v-deep、>>>不生效 解决
当使用 /deep/ 或者 ::v-deep 修改第三方组件不生效时 可以配置如下参数。原创 2022-09-08 18:02:14 · 9321 阅读 · 9 评论 -
uniapp 解决 h5 PC端 屏幕过大失真 问题
效果解决目前 我也暂时不知道为什么 有时候设置了 rpxCalcMaxDeviceWidth 后 当屏幕宽度超过 960px后 应该 750rpx 应该等于375px 但是有时候又不行所以目前有两种写法 一种是默认的 另一种是自定义 默认不行就使用另外一种pages.json "globalStyle" 对象中填写 如下默认"rpxCalcMaxDeviceWidth": 960, // rpx 计算所支持的最大设备宽度,单位 px,默认值为 960"rpxCalcBaseDeviceW原创 2022-04-06 17:57:18 · 3443 阅读 · 1 评论 -
uniapp 动态插槽 slot 兼容微信小程序 h5 APP
具体参考 动态插槽名问题讨论和 HACK 方案效果注意微信小程序 动态插槽不支持默认内容子组件 创建插槽关键处代码 <template v-for="(item, index) in tabItem"> <view class="flex-grow h-0 overflow-auto" v-if="computedValue === item.name" :key="index"> <!-- #ifdef MP -->原创 2022-03-30 10:11:04 · 5050 阅读 · 0 评论 -
HBuilderX运行 uniapp 手机调试出现 本应用无法独立运行,需与HBuilderX搭配使用
描述图片手机电脑问题手机已经被电脑HbuilderX识别 并运行到手机 还是显示 本应用无法独立运行,需与HBuilderX搭配使用问题原因 查看使用的文件是否使用特殊字符及文字 特殊字符如箭头 →↓文字如 中文这些都不可以 但是 如果第一次代码运行成功后 再改回特殊字符或中文 可以正常运行如下图这些字符或文字不可以使用 无论是图片格式文件还是其余js vue文件都不可以使用特殊字符及中文解决文件名不使用特殊文字(如:中文)或特殊字符(如:箭头 →)...原创 2022-03-19 11:21:14 · 2957 阅读 · 0 评论 -
uniapp 编译为微信小程序 同时使用两个以上插槽 slot 默认插槽不显示问题
默认插槽默认插槽 其实也是有插槽名的 只是被省略了插槽名 为defalut<view><slot></slot></view><view><slot name='defalut'></slot></view>当我们使用多个插槽时,会发现APP编辑正常,微信小程序的默认插槽被删除了;我们不使用简写方式就可以了!具体问题如下:代码中使用了两个插槽组件中 一个是默认插槽 一个是指定具体插原创 2021-06-21 15:02:48 · 2417 阅读 · 0 评论 -
uniapp 使用map组件 动态自定义标记点图标及内容文字
先看效果地图中的标记点 可以动态变化自定义的图片与内容原理通过map组件中的 markers 属性 设置标记点 用于在地图上显示标记的位置1、想要动态改变标记点图标 必须把默认的标记点覆盖,用到了markers参数下的 iconPath设置标记点的图标,如果需求只需要简单的动态改变标记点的图标到这一步就结束了,但是如果需要动态改变标记点图标及内容(动态显示文字)就需要看下一步!2、把iconPath设置的图片改用一张1*1像素的透明背景图 png格式的。3、markers 列表中的 custo原创 2021-06-11 15:22:38 · 11542 阅读 · 20 评论 -
uniapp 动态获取元素的宽高等信息
前提 下面方法需要在生命周期 mounted 后进行调用。nvue 请看uniapp官网解决方式官网例子链接:节点信息 https://uniapp.dcloud.io/api/ui/nodes-info?id=createselectorquery完整代码示例const query = uni.createSelectorQuery().in(this);query.select('#id').boundingClientRect(data => { console.log("得到布局位原创 2021-06-11 14:05:33 · 3516 阅读 · 0 评论 -
关于 uniapp view标签使用 hover-class属性不生效问题解决
问题使用hover-class实现点击高亮效果!但是发现样式不生效!问题一:小程序与h5 点击高亮 不生效!问题二:APP 点击高亮 生效,小程序与h5 点击高亮 不生效!解决使用条件编译进行兼容,<!-- #ifdef APP-NVUE --> <view class="bg-white flex align-stretch" hover-class="bg-light" @click="onClick"> <!-- #endif --> &原创 2021-02-21 15:06:50 · 8021 阅读 · 2 评论 -
关于 uniapp 引入iconfont图标使用Unicode 方式失效解决
问题直接在html写入没问题但是 如果使用js动态引入html使用{{}}赋值则会出现引入图标失效;解决写另一种unincode码的表达式格式一:&#XXXX;&#XXXX;示例:您好结果:您好格式二:\uXXXX\uXXXX示例:\u60a8\u597d结果:您好格式三:&#DDDDD;&#DDDDD;示例:您好结果:您好这里我们把格式三的表达方式改为格式二;可以正常显示图标也就是从 <text >&#x原创 2021-02-21 10:17:08 · 1748 阅读 · 0 评论