UniApp随笔

动态样式，适应场景一堆按钮，点中哪个哪个高亮，简单示例

<view :class="[i == current ? 'menu menu-hover' : 'menu']" v-for="(m,i) in menu" :current="current" :key="i" @click="btn(i)">{{m.name}}</view>

一个菜单数据集合 menu，一个默认菜单样式 menu，一个点中菜单样式 menu-hover，一个记录点中按钮 index 的属性 current，一个点击按钮赋值 index 给 current 的 btn 方法

像 Html 一样显示 图片

image 标签默认高度是100%，也就是说在父级没有设定高度的情况下，那么图片高度就是0，能不能像 Html 一样显示呢？

<image :src="pic" :style="{ height: picHeight + 'rpx'  }" @load="realImgHeight($event)"></image>
realImgHeight(e) { this.picHeight= e.detail.height}

通过加载事件，获取图片的高度，赋值给变量，从而动态设定图片高度。

ps：一些其他封装的框架可能没有 $event 可以传，是因为其 load 事件自带 event 默认参数可以直接用。