vue组件中使用别名@引入图片 :html css js
通常vue中会定义一些别名比如'@': resolve('src'),这样在写代码时候需要引入src下的东西就可以import Footer from '@/components/Footer.vue'但是在style书写css以及template书写页面结构引入图片时这样就不行了,解决办法:在 @ 前加一个 ~ 即刻,亲测有效结构:<div class="part...
·
通常vue中会定义一些别名比如
'@': resolve('src'),
这样在写代码时候需要引入src下的东西就可以
import Footer from '@/components/Footer.vue'
但是在style书写css以及template书写页面结构引入图片时这样就不行了,解决办法:
在 @ 前加一个 ~ 即刻,亲测有效
结构:
<div class="partr">
<img src="~@/assets/iconhourse.png" alt="" />
</div>
样式:
.box{
background:url('~@/assets/sumbg2.png') no-repeat top left;
}
网络搜索到的~
遇到问题,留作参考。
更多推荐
已为社区贡献7条内容
所有评论(0)