# supermall

**Repository Path**: ginvip/supermall

## Basic Information

- **Project Name**: supermall
- **Description**: vue3 project supermall
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-12-20
- **Last Updated**: 2021-03-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 购物街

## better-scroll
```$xslt
https://gitee.com/mirrors/better-scroll
```
Better-scroll可滚动区域的问题：  
Better-scroll在决定可滚动高度时，是根据scrollHeight属性来决定的；而scrollHeight属性是根据content中的子组件的高度决定的  
better-scroll在计算scrollHeight属性时是没有将图片高度计算在内的；当图片加载完成后scrollHeight属性的高度改变了，而better-scroll不知道高度改变  
如可解决这个问题： 监听每一张图片是否加载完成，只要有一张图片加载完成了，执行一次 refresh()  
如何监听图片加载完成：  
1) 原生的js监听图片
```$xslt
img.onload=function(){}
```
2) vue中监听  
```$xslt
@load='方法名'
```

## 组件上直接监听事件
如：在组件上直接监听点击事件，需要加上.native修饰符
```$xslt
<back-top @click.native="backClick"></back-top>
```