uview 使用遇到的问题。


theme: jzman

uview=uniapp+vue,uView是uni-app生态专用的UI框架。

1. 注意uview版本,uview 2.0与uview1.0

官方提示:uView2.0是继1.0以来的一次重大更新,2.0已全面兼容nvue

因此在接手项目的时候首先得看清楚,之前开发的是uview1还是2,package.json中的dependencies中可以看到如下所示:

可以看到,本项目使用的是2版本,因此在使用uview时,应该注意是2还是1版本。

2. API的不同。

比如上图中红框所示:uview2比较1版本,props以及events都有改变。

如keyName,该API是提供修改list中的Name值,在1版本中,该API为name,应该在写程序时,参考网上代码时要注意该代码是基于哪个版本写的,否则直接引用是无效的。

另外,新增的event事件“click”使用时也要注意,它的@click事件名是不需要加()的。

3. 修改uview中的style

当自己想要修改u-tabs中的font-size等,有时候通过控制台查看是无效的,此时可以使用如下方法:

                &-tab{
                        background-color: #FFFFFF;
                        padding: 0 4% 0 2%;
                        color: #969799;
                        font-size: 24rpx !important;
                        ::v-deep {
                                .u-tabs__wrapper__nav__item__text{
                                        font-size: 24rpx;
                                }
                        }
                }

使用深度作用选择器“v-deep”可以修改你想修改的style。

4. 建议

使用之前先看清楚版本,然后再根据版本去官网看看你需要用到的组件的API,这样使用起来会比较准确快速。

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容