美文网首页
vue img src 动态赋值及其他掏粪细节

vue img src 动态赋值及其他掏粪细节

作者: 前端技师胡帅博 | 来源:发表于2020-05-21 17:55 被阅读0次
image.png

加个require()就可以了

<img :src="require('../assets/images/'+imgsrc+'.png')"/>

搜索一下就搞定的事情,我为什么要自己瞎逼乱试,浪费了至少半小时

或者使用函数:

<img class="bank-icon" :src="getSrc(item.src)" alt="">

getSrc(name) {
      return require('@/assets/img/' + name + '.png')
},

transition
原生实现点击箭头翻转

image.png

原生实现隐藏/显示区域下拉效果


image.png
image.png

左边图片右边文字的布局


image.png image.png

移动端用 flex 代替 fixed


image.png
image.png

路由守卫
https://www.cnblogs.com/zjh-study/p/10647220.html

组件级别的路由守卫


image.png

keep-alive


image.png
image.png
image.png
image.png

基础太差加上以前没接触过过这些,掏这些花了挺多的时间的,做个备份

相关文章

网友评论

      本文标题:vue img src 动态赋值及其他掏粪细节

      本文链接:https://www.haomeiwen.com/subject/qcytahtx.html