taro+vue3 + nut-popup微信小程序真机不显示问题

最新推荐文章于 2025-02-08 18:28:17 发布

原创

最新推荐文章于 2025-02-08 18:28:17 发布 · 807 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#taro #微信小程序 #ios #vue

问题描述

最近开发小程序项目，用taro + vue3+ ts 生成的模版代码。

在使用nut-ui组件库时，发现 nut-popup 组件在微信小程序模拟器中是正常显示，真机预览也是正常显示，但实际发送到体验版时，弹窗没有正常显示，只显示了黑色遮罩层，没有内容部分

代码

// confirm/index.vue
<nut-popup v-model:visible="visible" class="confirm_popup">
	<view>内容部分...</view>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

他的猫哎

关注关注

6
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

nut-popup 二次封装弹窗选择组件 vue3

阿乐的博客

11-29

878

移动端使用，当需要时选择单选或者多选的时候都可以用这个组件。

Taro+vue3+nutui3.x构建微信小程序

a3212768093的博客

05-19

1807

taro+vue3+nutui构建小程序流程，以及部分拓展

参与评论您还未登录，请先登录后发表或查看评论

Taro，NutUI4-vue3 小程序Tabs组件显示不全

Midnight_i的博客

07-26

521

一样，而我本地不一样，然后卸载再安装指定版本，问题就解决了。然而自己本地一直都是。

微信小程序在iOS上真机调试显示空白

qiuxdff的博客

12-31

861

使用Taro开发微信小程序，发现安卓上真机调试没问题，ios显示空白

taro兼容h5之坑--taroUiVue3组件在h5中不显示

hanchengmei的博客

05-04

2134

项目：taro3+vue3+taroUiVue3 问题描述 taroUiVue3组件在浏览器中不显示，如下：解决方法可以按照node_modules/taro-ui-vue3/README.md的步骤 1、config文件夹中添加h5-building-script.js const path = require('path') const fs = require('fs') const distH5Vue3IndexPath = path.resolve(__dirname, '../node_

wpf popup 最前面_NutUI 组件 popup 源码分析

weixin_39964819的博客

11-25

296

(给前端大学加星标，提升前端技能.)作者：杨凯旋https://github.com/jdf2e/nutui/issues京东用户体验设计部-前端开发部现有前端开发人员 50 左右，主要为京东零售集团、京东健康提供 WEB 前端开发、APP RN开发，小程序开发、小游戏开发、H5开发等能力支持。正文从这开始~~NutUI 是一套京东风格的移动端 Vue 组件库，生态系统覆盖面广，支持按需...

精选资源

mall:基于taro.js + vue3 + typescript + taro-ui-vue3 搭建的模板

05-23

基于taro.js + Vue3 + taro-ui-vue3 搭建的模板环境准备初始化 node_modules: npm install or(推荐, 尽量在执行前开启梯子) yarn 提供的脚本具体可以查看 package.json 中的脚本列表. 主要脚本为: start 启动项目...

Taro4 + Vue3 + Webpack5 + TypeScript + Less + NutUI 开发的小程序模板

最新发布

09-22

Taro4 + Vue3 + Webpack5 + TypeScript + Less + NutUI开发的小程序模板是一个先进、高效且易用的开发工具，它集合了当前前端开发领域最为先进的技术，为小程序开发提供了一站式的解决方案。无论你是个人开发者，...

taro + vue3 开发微信小程序的模板.zip

11-30

taro + vue3 开发微信小程序的模板使用 Taro3 + Vue3 开发微信小程序前言微信小程序是以微信为运行环境的一种应用，其实质是 Hybrid 技术的应用，Hybrid App 即混合模式移动应用，因此与 H5 类似，但又比 H5 拥有很...

小程序使用vue3的ref调不起弹窗【 uni-popup,uv-popup 弹出层】

YourPasser的博客

02-08

1419

排除了基本的引入问题，那就按照下面基本案例，用uv-popup作为示范。// 定义 ref 引用 popup 组件。引用的组件未引入报错。

popup.js实现的弹窗效果

05-24

用popup.js实现的弹窗效果，简单易用

NutUI + taro +vue 开发遇到的问题使用popup组件内部元素滚动遇到的的问题

web_zq的博客

02-22

979

2 scroll-y 改成： :scroll-y=‘true’ 2处的单位不改后实现只有scroll-view的内容滚动了。1 popup 弹出内容时弹出的框内元素数据很长需要滚动时本地可以正常滚动打包成小程序后无法滚动。1 把2处的单位换成百分比弹框能滚动但是是popup 里面所有的元素都一起滚动导致标题都滚走了。如这样的免责条款内容。

[小程序] 支付宝小程序使用list时提示元素不存在

程序员老狼专注开发aigc或客服系统应用

10-20

1694

第一次使用支付宝小程序，文档也没怎么细看直接就搞，报了这么个错。这是因为当使用ui组件时，没有在json文件里声明例如我的json文件 { "defaultTitle": "GO-FLY在线访客", "usingComponents":{ "list": "mini-ali-ui/es/list/index", "list-item": "mini-a...

基于nutui的popup封装一个自己的弹窗吧

DWBooker的博客

12-13

349

nutui taro 弹窗 popup 封装自定义

小程序体验版无法显示内容

dongyan3595的博客

11-18

2926

第一次开发小程序 , 遇到了下面这个问题 , 下面是我的排查问题的顺序 , 仅供参考 , 不喜勿喷小程序本地开发工具可以调用服务器接口 , 发布体验版后 , 在手机端显示不出来内容，只能调试模式下显示出来 1 . 服务器必须绑定了域名 2 . 服务器必须安装SSL证书 3 . 检查服务器的防火墙443端口是否开启，如果是云服务器需要在控制台安全组里面也检查一下 4 . 是否正确配置了你的Nginx和Tomcat (参考我的上一个内容) 5 . 确保在网页能够访问到你的服务 , 排除掉

小程序在ios上的显示问题