今天用到el-empty组件(Empty 空状态)使用image属性导入自己本地图片不成功,后面发现问题如下:
- 1.image属性要用动态绑定,即:image="url"
- 2.图片导入要用require("url")
vue
<div class="question">
<!-- 错误写法 -->
<el-empty image="../assets/noinformation.svg" description="暂无问卷">
<el-button type="primary">按钮</el-button>
</el-empty>
<!-- 正确写法 一定要注意image属性是有:的,不然图片无法显示-->
<el-empty :image="require('../assets/noinformation.svg')" description="暂无问卷">
<el-button type="primary">按钮</el-button>
</el-empty>
</div>
效果图:第一个el-empty的图片无法正常显示,第二个el-empty的图片正常显示