![](https://img.haomeiwen.com/i18496484/3a61c56601581ccd.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
原生实现点击箭头翻转
![](https://img.haomeiwen.com/i18496484/ebe356673976928b.png)
原生实现隐藏/显示区域下拉效果
![](https://img.haomeiwen.com/i18496484/bc1af8d97fab0e6b.png)
![](https://img.haomeiwen.com/i18496484/5719e93baa1ef063.png)
左边图片右边文字的布局
![](https://img.haomeiwen.com/i18496484/24d0ab96403c7b68.png)
![](https://img.haomeiwen.com/i18496484/35e50cfacb9e8a06.png)
移动端用 flex 代替 fixed
![](https://img.haomeiwen.com/i18496484/5c70c0259a1736f8.png)
![](https://img.haomeiwen.com/i18496484/5e78aa946995a9e6.png)
路由守卫
https://www.cnblogs.com/zjh-study/p/10647220.html
组件级别的路由守卫
![](https://img.haomeiwen.com/i18496484/d3d6faf53c0cd59b.png)
keep-alive
![](https://img.haomeiwen.com/i18496484/abc11bdb067e92b3.png)
![](https://img.haomeiwen.com/i18496484/b09bca2192e32fe1.png)
![](https://img.haomeiwen.com/i18496484/3af2ff998108fc16.png)
![](https://img.haomeiwen.com/i18496484/41e7b78ff8dc7c07.png)
基础太差加上以前没接触过过这些,掏这些花了挺多的时间的,做个备份
网友评论