elementui头像不显示问题

vue代码

	<div class="demo-fit">
	  <el-avatar shape="square" :size="100" fit="fill" :src="url"></el-avatar>
	</div>

js代码

<script>
	export default {
	  data() {
	    return {
	      url: './default_avatar.jpeg',
	    };
	  }
	}
</script>

图片路径

简便起见，图片和代码都是在同一个文件底下

展示效果

路径正确，但是图片展示不出来

解决

查找发现，导入本地图片应该用require('图片路径')

	export default {
	  data() {
	    return {
	      url: require('./default_avatar.jpeg'),
	    };
	  }
	}