uniapp nvue访问不了全局挂载

于 2023-12-20 09:17:43 发布
阅读量672 收藏 9
点赞数 11
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_60548066/article/details/135099268
版权

最近写项目，有个刷短视频的功能简直无语。本来之前项目有一个类似的奈何我这个短视频上层的东西实在太多cover-view又很难调，在网上找了个nvue的模板套进去修改了。
但是里面数据处理啊，多语言需要处理

会用到一些公用函数之类的



当时不知道怎么的就想着 uni 也是个对象我直接在我nvue需要使用的那些函数的文件中 写了个


最后国际化部分这个i18n我也是第一次用 不知道$t哪儿来的

在app挂载前把$t甩过去了。不记得是因为直接等会报错还是干嘛，所以才这么写的。


现在感觉可能nvue只是访问不了原型 我这些uni.xx的都没放在原型上

娇而不怠
关注
  • 11
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp nvue使用全局公用变量丶方法
qq_27007423的博客
02-09 2555
一般把公用变量和方法直接在main.js挂载到vue上 vue页面可以直接this指向访问，但是nvue访问不到 解决办法，在App.vue 上挂载到globalData上： <script> export default { // vue&&nvue共享数据 globalData: { text: 'text' }, onLaunch: function() { }, onShow: function() { // v
uniapp聊天页nvue开发踩坑记录
RJ0024的博客
07-08 705
由于前段时间开发出来的vue版本的聊天页，性能、用户体验等方面十分不尽人意，故开启了新的征途，nvue版本聊天页的开发。 痛点一、进入页面保持在最底部 这次重构nvue版本的聊天页，使用了标新立异的渲染方式。众所周知，前端渲染页面都是由上而下渲染的，那么如果需要进入页面的时候，便保持在页面的最底部，就需要等待页面渲染完毕后跳转至最底部。这样的渲染方式就会导致在进入页面时，用户能很明显的感受到页面抖动了一下（可能多次）。 所以此次重构，博主选择将整个页面旋转180度，原本的最顶部，变成了页面的最底部，进入页面
uniapp-在vue页面使用封装好的api方法，在nvue页面无法正常使用
m0_64397933的博客
02-10 1466
uniapp-在vue页面使用封装好的api方法，在nvue页面无法正常使用
uniapp js文件中无法使用挂载的变量或方法
风花一世月
12-06 957
uniapp js文件中不能直接使用挂载的变量或方法，如果需要使用直接引入对应变量的文件，uniapp带的方法可用
main.js 中挂载属性/方法，nvue 中无法使用
wusejiege6的博客
03-21 4237
import {myRequest} from './util/api.js' Vue.prototype.$myRequest = myRequest 挂载 Vue.prototype 将一些使用频率较高的常量或者方法，直接扩展到 Vue.prototype 上，每个 Vue 对象都会“继承”下来。 注意这种方式只支持vue页面 .vue 和 .nvue 并不是一个规范，因此一些在 .vue ...
nvue 页面引用i18n
qq_43024468的博客
01-18 919
在app.vue里面 globalData: { $t: '' }, onLaunch(){ this.globalData.$t = val => { return this.$t(val); }; }, 在nvue页面使用 <view>{{ $t('conn.phone') }}</view> let app = getApp().globalData; methods:{ $t(text) { return app.$t(text);
vue怎么把api 挂载到全局_nvue实现全局挂载
weixin_29631169的博客
01-14 1057
前言nvue的无法手动扩展vue.prototype导致有时想用全局挂载就无从下手。实现思路由于nvue中的全局变量我们能找到的比较好的就是store和globalData，所以考虑在这两个上挂载。globaldata每次初始化时直接getApp({allowdefault:true})然后扩展一堆方法，使用时，页面内直接get出来用就好，我这里是作为全局请求api方法，实现类似vue项目中的 t...
uniapp里的mounted_uni-app 开发vue和nvue时，注意事项
weixin_30316287的博客
12-31 2242
vue注意事项相比Web平台， Vue.js 在 uni-app 中使用差异主要集中在两个方面：新增：uni-app除了支持Vue实例的生命周期，还支持应用启动、页面显示等生命周期受限：相比web平台，部分功能受限，比如 v-html 指令，具体见下。(受限部分仅在App和小程序端受限，H5版不受限)注意：不要在选项属性或回调上使用箭头函数，比如 created: () => console...
vue整合uniapp_Hybrid APP开发实战（三）：uni-app中的nvue
weixin_34622572的博客
01-14 3749
​关注公众号前端小白菜，更多前端小干货等着你喔！公众号会不定期分享前端技术，每天进步一点点，与大家相伴成长uni-app App端内置了一个基于weex的原生渲染引擎，提供了原生的渲染能力。​想用JavaScript开发中原生的组件能力，前端有两种选择weex和react-native，两个框架分别依托于vue与react。weex依托于vue，与uni-app的设计理念一致，故而也是uni-ap...
uniapp全局函数
08-25
然而，这种方法的缺点是只支持vue，不支持nvue。具体的代码演示如下所示：<span class="em">1</span><span class="em">2</span><span class="em">3 #### 引用[.reference_title] - *1* *3* [uni-app全局函数]...
vue实现前端语言国际化i18n
weixin_46382293的博客
11-23 495
报错的原因主要是因为当前使用的版本不匹配，在这里提供一个可行的其中一种方法。
uniapp小程序封装网络请求或变量无法挂载到prototype上解决方案
weixin_51705477的博客
09-22 564
今天在使用uniapp去写微信小程序遇到一个问题，我将封装好的网络请求挂载到Vue的prototype上时运行。在网页和安卓模拟器上运行都没有问题，但是在微信小程序上运行就报错了。我打印出来发现是：undefined。
uni-app nvue页面加载js文件
永远行进
12-03 2771
在vue页面中使用外部js逻辑我是通过在main.js中挂载到Vue.prototype，这样在每个vue页面都能通过this来直接使用。但是在nvue中发现这种方式不生效。 经过研究，发现可以将外部js挂载到App实例上使用： 1. 在App.vue中引入并挂载外部js const biz = require('./business'); export default { onLaunch: async function() { this.mybiz = biz; } }
uni-app 中 21个nvue开发与vue开发的常见区别
weixin_51231997的博客
03-14 3661
nvue是属于 weex 编写范畴，作用是增强uniapp对原生渲染支持nvue的组件和API写法与vue页面一致，其内置组件还比vue页面内置组件增加了更多， 如果一个页面路由下同时有vue页面和nvue页面，即出现同名的vue和nvue文件。那么在App端，会仅使用nvue页面，同名的vue文件将不会被编译到App端。而在非App端，会优先使用vue页面。 ** nvue开发与vue开发的常见区别 ** nvue开发与vue开发的常见区别基于原生引擎的渲染，虽然还是前端技术栈，但和web开发肯定是有区别
【uni-app系列】uni-app之nvue使用
热门推荐
邓邓子的博客
09-05 1万+
uni-app App 端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力。在 App 端，如果使用 vue 页面，则使用 webview 渲染；如果使用 nvue 页面(native vue 的缩写)，则使用原生渲染。一个 App 中可以同时使用两种页面，比如首页使用 nvue，二级页使用 vue 页面，官网 hello uni-app 示例就是如此。虽然 nvue 也可以多端编译，输出 H5 和小程序，但 nvue 的 css 写法受限，所以如果不开发 App，不需要使用 nvue。
为什么vue组件的属性，有的需要加冒号“:”，有的不用?
Kuroko's Development Notes
05-15 9371
加冒号的，说明后面的是一个变量或者表达式；没加冒号的后面就是对应的字符串字面量！   例子： &lt;el-radio-group v-model="handle"&gt;                     &lt;el-radio :label="true"&gt;打开&lt;/el-radio&gt;                     &lt;el-radio :labe...
Vue解析一之挂载全局变量与方法
weixin_30594001的博客
09-14 1530
1、在mian.js里面进行Vue对象的原型连的挂载Vue.prototype.$ajax = Ajax; 2、使用Mixin： VuVue.mixin({ data(){ return { Host:window.location.href.split('/gonghui')[0] } }, ...
在vue中注册通用的全局函数，不需要每次都用import引入
aliven1的博客
03-30 3606
1.新建一个模块文件，然后在main.js里面通过Vue.prototype将函数挂载到Vue实例上面，通过this.函数名，来运行函数。 2.写一个模块文件，挂载到main.js上面，将全局函数当做插件来进行注册： ...
vue组件挂载到全局方法
weixin_34037173的博客
08-01 3107
在最近的项目中，使用了bootstrap-vue来开发，然而在实际的开发过程中却发现这个UI提供的组件并不能打到我们预期的效果，像alert、modal等组件每个页面引入就得重复引入，并不像element那样可以通过this.$xxx来调用，那么问题来了，如何通过this.$xxx来调用起我们定义的组件或对我们所使用的UI框架的组件呢。以...
uniapp nvue 自适应宽度
最新发布
05-19
Uniapp 是一个跨平台的开发框架，可以用于开发 iOS、Android、H5 和小程序等多个平台的应用。NVue 是 Uniapp 提供的一种渲染引擎，它可以在不同平台下提供一致的 UI 表现和交互体验。其中，nvue 的自适应宽度是指在不同设备上，根据屏幕大小自动调整元素的宽度，以适应不同的分辨率和设备屏幕尺寸。 为了实现 nvue 的自适应宽度，可以使用 rpx 单位来代替 px 单位。rpx 是一种相对单位，它可以根据屏幕宽度进行换算，以实现不同屏幕下的一致性。在 nvue 中，可以使用 rpx 来设置元素的宽度、高度、边框、字体等相关属性。 如果你想在 Uniapp 中使用 nvue 的自适应宽度，可以按照以下步骤进行操作： 1. 在 nvue 文件中使用 rpx 单位来设置元素的相关属性。 2. 在 pages.json 文件中设置 "nvue": true，以启用 nvue 渲染引擎。 3. 在 App.vue 文件中添加以下代码： ``` <script> export default { onLaunch: function() { uni.getSystemInfo({ success: function(res) { uni.$app.$options.globalData.rpxRatio = res.windowWidth / 750; } }); } } </script> ``` 以上代码的作用是获取当前设备的屏幕宽度，并将其与设计稿的宽度比例保存在全局变量中，以便在后续的样式中使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值