element表格里面放图片_Element UI table里上传图片后如何显示在表格里

问题描述

写了一个后台管理系统，需求是通过新增按钮，弹出一个dialog来上传 图片，详情(文章)，视频。

不太明白这整个逻辑怎么实现。

问题出现的环境背景及自己尝试过哪些方法

现在的问题就是我在dialog里上传的图片赋值给了上传图片的小dialog，之后怎么在提交过程中传给table里我定义的imgPath。

相关代码

这一部分是table的

<el-table-column  label="图片" width="200" align="center">

<!--插入图片链接的代码-->

<template slot-scope="scope">

<img :src="scope.row.imgPath" alt style="width: 100px;height:50px">

</template>

</el-table-column>

这一部分是dialog的，取自element官网上的upload

<el-form-item label="图片">

<el-upload

action="https://jsonplaceholder.typicode.com/posts/"

list-type="picture-card"

:on-preview="handlePictureCa