uview 使用遇到的问题。

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的不同。

uview 使用遇到的问题。_第1张图片

比如上图中红框所示: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,这样使用起来会比较准确快速。

最后

整理了一套《前端大厂面试宝典》,包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法,一共201道面试题,并对每个问题作出了回答和解析。

有需要的小伙伴,可以点击文末卡片领取这份文档,无偿分享

部分文档展示:



文章篇幅有限,后面的内容就不一一展示了

有需要的小伙伴,可以点下方卡片免费领取

你可能感兴趣的:(javascript,开发语言,ecmascript)