大图APP
大图APP
  • 发布:2020-10-15 20:33
  • 更新:2021-08-26 16:47
  • 阅读:2654

nvue 是不是不支持 Vue.mixin(mixin);全局混入

分类:nvue

main.js

import mixin from '@/mixin/global.js'  
Vue.mixin(mixin);

global.js

export default{  
    data(){  
        return{  
            mix:{  
                "text" : "文本"   
            }  
        }  
    },  
    methods:{  
        appimg(e){  
          return 'http://'+e;  
        },  
    },  

}

index.nvue

<template>  
    <scroller class="scroller flex-row" scroll-direction="horizontal">  
         <div v-for="(vo,key) in list" :key="key" class="scroller_item">  
             <div class="image">  
                 <image class="actor_pic" :src="appimg(vo.actor_pic)" mode="scaleToFill"></image>  
             </div>  
             <text class="text actor_name">{{vo.actor_name}}</text>  
         </div>  
    </scroller>  
</template>

报错提示找不到方法

但是index.nvue 在页面混入有效

import mixin from '@/mixin/global.js'  
export default {  
 mixins:[mixin],  
}  
//这样有效

HB版本

标准基座 IOS平台运行,
编译模式:纯nvue
手机:iPhone XR

都说NVUE是weex 但是weex 官方文档写是支持的

2020-10-15 20:33 负责人:无 分享
已邀请:
5***@qq.com

5***@qq.com

蛋疼啊,我也碰到了这个情况。
nvue每个页面都是一个新的实例,一个单独的js context,所以不共享,每个页面都需要写。 不知道官网写支持是什么意思。

大图APP

大图APP (作者) - 金刚狼前端

能不能来个人回复一下,哪怕是个句号都行啊!!

渡

- 性感前端在线炒粉一份8块

把this.xx改成getApp().xx试试

  • 大图APP (作者)

    感谢你的回复!!嗯,这样可以在js 里调用mixin里的方法和data数据,但是在视图中无法直接使用。

    2020-10-16 09:11

  • 回复 大图APP: 计算属性试试

    2020-10-16 09:15

  • 大图APP (作者)

    回复 : 嗯,我写的这个仅仅是为了展示这个问题,实际项目全局混入不是为了解决这个小问题,而是方便在组件视图中直接使用某些设定的方法,无需在每次都要 页面的<script>写一次!vue这样写很爽,看来nvue是真的不支持了,官方文档也不够严谨,没提到nvue不支持全局混入!

    2020-10-16 09:24

[已删除]

[已删除]

承接前端H5、小程序、APP、PC端网站等外包,主要技术栈为vue、uni-app,有意请加微信:13070273424(我是前端。1. 我找有单子的服务端合作人。2. 整个项目外包给我,我这也有个小团队。3. 兼职,公司/团队偶尔丢点小项目或者页面调整等)

[已删除]

[已删除]

承接前端H5、小程序、APP、PC端网站等外包,主要技术栈为vue、uni-app,有意请加微信:13070273424(我是前端。1. 我找有单子的服务端合作人。2. 整个项目外包给我,我这也有个小团队。3. 兼职,公司/团队偶尔丢点小项目或者页面调整等)

DCloud_UNI_GSQ

DCloud_UNI_GSQ

weex 支持 Vue.mixin,但是不跨页面(非全局)

  • 叫啥好呢

    但是在页面中引入 也不生效啊

    2021-04-16 10:37

r***@126.com
9***@qq.com

9***@qq.com - 非要验证吗

我也在持续关注这个问题:
1.当前的问题是2020年的问题。但官方在2019年,就已经推出了V3编译器。
https://ask.dcloud.net.cn/article/36599,这里的最底部也说了,支持Vue.mixin。
但现在你又出现不支持的情况。
2.另外,我还一些疑问如下:
(1).我看uview不错,但是uview迟迟不肯上线2.0版本,2.0是全面支持nvue
(2). 它在实现全局变量的时候,使用了混入的解决方法,不知道它的混入,是否支持全局混入。
3.也许当前的问题的关键点,是全局混入和局部混入的问题。官方只说支持,混入,说的不太明白。
也许,uniapp说的v3,仅仅是在vue页面中,支持全局混入和局部混入。而在nvue页面,只支持局部混入。

不说了。我回答问题,主要是为了记录,也和大家一起成长,我只是记录了疑问,也没测试,也没解决方案。
期待 uview 2.0,也慢慢去测试。

该问题目前已经被锁定, 无法添加新回复