移动端
tookingHome
~ _ ~
展开
-
vue:@click和input: v-model 执行顺序
今天发现了一个小问题 点击图片下面的复选框 控制台打印的是 明明选中了复选框,但是打印的内容却是false,这就有点意思了,看代码 <input type=“checkbox” v-model=“checked[i]” name="" @click=“handleChecked” class=“checked”> 明明操作没有问题,但是发现有点问题,所以就怀疑是异步, 所以加上定时器即可 看打印效果 后两行是定时器打印 总结:vue中v-model和@click执行顺序 @click原创 2021-03-12 10:46:34 · 907 阅读 · 0 评论 -
移动端 相册图片 不设置宽高设置1:1的盒子
设置宽度,不设置高度,盒子大小1:1 可以通过padding值 padding: 100%; 这里的 百分比 是根据自身盒子宽度进行计算宽高 所以可以通过 .itemImg { width: 23%; margin: 1%; height: 0; padding-bottom: 23%; position: relative; } .itemImg>img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }转载 2021-03-11 15:54:49 · 113 阅读 · 0 评论