element ui el-empty 用法的使用

最新推荐文章于 2024-06-21 09:33:42 发布

猕猴桃-HR

最新推荐文章于 2024-06-21 09:33:42 发布

阅读量4.9k

点赞数 2

分类专栏： element-ui 组件库文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_45677987/article/details/127224788

版权

element-ui 组件库专栏收录该内容

31 篇文章 1 订阅

订阅专栏

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>