el-image用js代码替代
时间: 2023-11-17 10:59:16 浏览: 85
JavaScript图片替换
如果想要使用JS代码替代el-image组件来显示图片,可以使用以下代码:
```javascript
// 引入图片
import testImg from "../../assets/img/userHeader/testImg.jpg";
// 创建img元素
const img = new Image();
img.src = testImg;
// 将img元素添加到DOM中
document.body.appendChild(img);
```
这段代码首先引入了图片,然后创建了一个img元素,并将图片路径赋值给它的src属性。最后将img元素添加到DOM中,就可以显示图片了。需要注意的是,这种方式只适用于简单的图片显示,如果需要实现更复杂的功能,还是建议使用el-image组件。
阅读全文