Bootstrap

element ui el-empty 用法的使用

el-empty Empty 空状态 自定义图片 使用本地图片

今天用到el-empty组件(Empty 空状态)使用image属性导入自己本地图片不成功,后面发现问题如下:

1.image属性要用动态绑定,即:image="url"
2.图片导入要用require("url")

<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>

 

;