报错的原因是v-model指令不能用在img标签上。v-model是用来实现双向数据绑定的,但是img标签不支持输入值,所以不能使用v-model指令。

如果要在表单中展示图片,可以使用el-image组件,该组件专门用于显示图片。你可以将图片的URL绑定到el-image组件的src属性上。

下面是修改后的代码示例:

<el-form-item label="图片" prop="requestUrl">
  <div style="display: flex; align-items: baseline">
    <el-image :src="formData2.requestUrl" />
  </div>
</el-form-item>

在这个示例中,我们使用了el-image组件来展示图片。将formData2.requestUrl绑定到el-image组件的src属性上,这样当formData2.requestUrl的值发生变化时,图片也会相应地更新。

请注意,以上代码假设你已经正确导入了el-image组件。如果还没有导入,请确保在代码中正确导入el-image组件

表单里要展示图片怎么写? el-form-item label=图片 prop=requestUrl div style=display flex; align-items baseline img v-model=formData2requestUrl div el-form

原文地址: https://www.cveoy.top/t/topic/iNX0 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录