在uniapp的nvue开发中，需要注意不支持复杂的CSS选择器，推荐使用class选择器。内联样式和百分比单位可能受限，推荐使用scss进行样式编写。文字需用text标签包裹，字体样式不会被子元素继承。布局默认为flex，图片应使用image标签并设置resize属性。此外，nvue不支持在组件内直接调用Vue实例的方法，需借助globalData或单独引入js。点击事件阻止冒泡及多行文本溢出省略也有特定要求。
- 不支持复杂css选择器，请使用class选择器
- 可以使用scss
- 文字应被text标签包裹
- 字体样式不会被子元素继承
- 默认布局为flex，且flex-direction默认为column纵向排列
- css无法使用百分比、vw / vh
- 纵向全屏请使用flex: 1；横向全屏可以用width: 750rpx
- 图片应使用image标签
- 图片显示模式应给标签设置resize属性，值为 cover（纵向完整） / contain（横向完整） / stretch（缩放）
- 不支持background-image，需要背景图请使用image标签定位实现
- 如果需要实现遮罩，请给遮罩设置一个点击事件（空函数即可），否则遮罩会被穿透操作下方元素
不支持nvue文件中调用Vue实例挂载的数据或方法即Vue.prototype，解决方案：使用App.vue下的globalData、单独import引入js到nvue页面使用
不支持@click.stop，防止冒泡请参照下方
//DOM: <div @click="stop"></div>
stop(event) 
最低0.47元/天 解锁文章
扫一扫
3819
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
