vue-cli 脚手架、vue组件引入图片出错解决办法
问题:vue-cli脚手架中 组件相互嵌套,图片路径报错。解决办法:首先把图片引入进来,然后再付给data();<template><img :src="picUrl"/></template><style></style><
·
问题:vue-cli脚手架中 组件相互嵌套,图片路径报错。
解决办法:首先把图片引入进来,然后再付给data();
<template>
<img :src="picUrl"/>
</template>
<style>
</style>
<script>
//首先要引入图片
import pic from "@/assets/logo.png";
export default{
data(){
return {
//在引用图片
picUrl:pic,
}
}
}
</script>
更多推荐
已为社区贡献5条内容
所有评论(0)