APP.vue中添加template标签导致手机app端显示正常但H5端无法显示页面的问题

最新推荐文章于 2024-04-28 16:27:37 发布
最新推荐文章于 2024-04-28 16:27:37 发布
阅读量848 收藏
点赞数
文章标签： vue.js 前端 css3
原文链接：https://note.youdao.com/s/b06022Us
版权

APP.vue中添加template标签导致手机app端显示正常但H5端无法显示页面的问题

现象：
h5页面啥都不显示，而手机app端显示正常

原因：
本来想给App.vue页面全局添加websocket组件，但后来发现添加后有问题就只是把注释掉了，而标签却留在了那里，导致问题出现

解决办法：
删除标签

有垃圾吗
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在uni-app中使用pdf.js实现在手机上打开pdf
11-04
uni-app是一个多端开发框架，它允许开发者编写一次代码，即可在iOS、Android、H5等多个平台运行。而PDF.js是Mozilla开发的一个开源项目，专门用于在浏览器中渲染PDF文档，支持多种平台和浏览器，对于uni-app这样的跨...
uni-app之使用App.vue全局文件的教学
码奴一只猿
05-22 6331
在 UniApp 中，App.vue 是整个应用的入口文件，它可以作为一个全局文件，在其中定义的数据、方法和生命周期钩子可以在整个应用中使用。这篇文章将向您介绍如何使用 App.vue 文件来实现全局信息的共享和管理。
uni-app 项目结构
龙衣
06-17 3567
项目结构 页面结构 遵循 VUE 单页面结构 只能有一个 template，一个script，可以有多个style <template> // 布局 </template> <script> export default { // data 必须声明为返回一个初始数据对象的函数；否则页面关闭时，数据不会自动销毁，再次打开该页面时，会显示上次数据 ...
VUE3与Uniapp 五 （v-if、v-show和template、v-for的使用）
最新发布
weixin_41703489的博客
04-28 633
【代码】VUE3与Uniapp 四 （v-if、v-show和template的使用）
【iconfont图标】vue引入并使用阿里巴巴iconfont图标流程【uniapp引入iconfont真机APP不显示问题解决，移动端引入报错解决】
seeeeeeeeeee的博客
11-28 4885
为什么要使用阿里图标库： 图标现在是很多地方都会用到的 一般我使用的时候都是直接在ui库中比如elementul自带的一些 有时候哪怕是感觉图标不是非常适合也是用的elementul图标，主要原因是懒 因为能直接复制的，就懒得再去阿里图标库下载遍，差不多就行了。 但是总有些时候你需要的图标是真的在elementul里没有的或者完全不适合的。 这时候我们需要去到阿里的图标库里找找，这里的图标非常多，完全可以满足一切需求了。1，Unicode：兼容性好，ie低版本也好用，可以和文字一样调整颜色和大小。缺点是不显
在App.vue中引入vue组件，页面上不显示组件也不报错的问题
qq_39655431的博客
04-03 1万+
如图：两个组件在页面上不显示 原因： < template> （将要渲染的HTML）必须是包含在一个标签里面的。 解决： 最外层加个div包起来就行 代码示例： 在App.vue中引入一个组件 App.vue <template> <div> <addition></addition> <p>--------------------</p> </div> </template&g
uni-app开发规范
weixin_42028778的博客
04-20 1410
开发规范 1.页面：单文件组件 单个.vue文件，其中包含三种类型的顶级语言块 < template>（最多一个）、 < script>（最多一个） 和 < style>（可以有多个），还允许添加可选的自定义块。 如果喜欢把 .vue 文件分隔到多个文件中，你可以通过 src 属性导入外部文件： <template src="./template.htm...
app.vue文件干啥的
u012778609的博客
02-14 1万+
app.vue是vue页面资源的首加载项，是主组件，页面入口文件，所有页面都是在App.vue下进行切换的；=
uniapp学习记录三
weixin_45847303的博客
11-04 126
插值 基础形式： <template> <view> <view>Message: {{ msg }}</view> </view> </template> <script> export default { data() { return {
vue-h5-template:使用Vue3.0+Typescript+Vant搭建移动端H5页面开发所需的基础模板，并提供一些通用型的解决方案及扩展功能
05-03
VUE-H5-TEMPLATEVue-H5-Template 项目以小商城作为基本的内容演示，使用 Vue3.0+Typescript+Vant 搭建 移动端h5页面 开发所需的基础模板，并提供一些通用型的解决方案及扩展功能。基本说明部分页面预览：首页商详...
uni-app多端引入保利威视频
09-22
在本文中，我们将深入探讨如何在uni-app框架中实现多端引入保利威视频云服务，以便在微信小程序、移动端和H5等多个平台上运行。uni-app是一个开源的跨平台开发框架，它允许开发者用一套代码编写，同时发布到iOS、...
uni-app-template:uni-app 通用模板
04-06
模板为了轻量化只保留了常用的组件，需要其他组件自行添加，，这里不推荐使用除官方外的扩展组件，因为打包成多端可能会有兼容问题，所以我习惯自己写，这样代码会更少已经配置好在manifest.json文件中h5端请求代理...
uni-app腾讯地图显示定位
06-27
uni-app是一个跨平台的前端框架，它允许开发者使用一套代码来实现多端运行，包括iOS、Android、微信小程序、H5等。本教程将深入探讨如何在uni-app中集成腾讯地图并实现定位功能。 首先，我们需要了解uni-app的基本...
vue实例中template: App
Alphr的博客
05-03 1649
官网的描述： 模板将会替换挂载的元素。挂载元素的内容都将被忽略 也就是说:template: ‘’ 表示用替换index.html里面的 举个例子： main.js: ------------------ import App from '@/App' new Vue({ el: '#app', components:{App}, template: '<App/>' }) ...
Vue项目结构分析
u010412833的博客
01-14 988
转载：https://www.jianshu.com/p/f4e95663e10d 作者：我的木 链接：https://www.jianshu.com/p/f4e95663e10d 来源：简书 Vue项目结构如下： 项目结构 重点在src文件夹： assets——静态资源，如css，js components——公共组件 router——路由文件 App.vue——根组件 main.js——入口文件 1.index.html index.html如其他html一样，但一般只定.
uni-app中组件的创建与通信（十一）
从入门到放弃
03-17 908
目录 组件创建 组件的生命周期函数 组件的通讯 在uni-app中，可以通过创建一个后缀名为vue的文件，即创建一个组件成功，其他组件可以将该组件通过impot的方式导入，在通过components进行注册即可 组件创建 创建login组件，在component中创建login目录，然后新建login.vue文件 <template> <view> 这是...
解决原生template标签在Vue中失效的问题
白瑕 的博客
02-17 2755
需要原生Javascript + three.js的数据标注平台加入Vue框架.本来挺顺利的, 我直接在mounted周期做了初始化, 然后剩下的操作还是交给JavaScript文件执行, 最后发现里面有很明显的事件触发问题.
Vue：默认的App.vue
热门推荐
KaiSarH
11-21 2万+
Vue中默认App.vue
uniapp-自定义导航栏
在无知中学习，在学习中成长，在成长中学习
06-02 1474
uniapp-自定义导航栏 <template> <view class="navBar"> <view class="navBar-fixed"> <!-- 状态栏 --> <view :style="{height: statusBarHeight+'px'}"></view> <!-- 导航栏 --> <view class="navBar-content" :style="{wid
vue h5转换uni-app
06-12
将Vue H5项目转换为uni-app项目需要进行以下步骤： 1. 安装uni-app-cli脚手架工具：`npm install -g @vue/cli-service-global` 2. 创建一个新的uni-app项目：`vue create -p dcloudio/uni-preset-vue my-project` 3. 将Vue H5项目的代码复制到新创建的uni-app项目中。 4. 修改App.vue文件，将原来的template、style、script标签中的内容替换为uni-app的语法。 5. 修改路由配置文件，将原来的路由配置文件修改为uni-app的路由配置文件。 6. 修改uni-app项目的manifest.json文件，配置应用的图标、名称等信息。 7. 根据需要，修改uni-app项目的配置文件，如pages.json、vue.config.js等文件。 8. 运行uni-app项目，进行调试和测试。 需要注意的是，由于uni-app与Vue H5在语法和组件方面有所不同，因此在转换的过程中可能会有一些需要修改的地方。同时，uni-app也支持一些Vue H5不支持的功能，如原生应用打包、小程序等，可以根据需要进行开发和调试。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值