elementui中关于图片添加必填*

一渊之隔

于 2021-06-29 15:31:26 发布

阅读量1.7k

点赞数

分类专栏： elementUI Vue 文章标签： vue elementui

本文链接：https://blog.youkuaiyun.com/qq_37263478/article/details/118336362

版权

在ElementUI中，由于图片路径参数是单向绑定，无法直接使用props和rules进行必填判断。本文介绍了利用插槽slot解决此问题，并在保存时通过校验拦截来确保图片路径非空。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于图片路径参数是单向绑定，不能用以往的方式props和rules来自动添加*和拦截判断，这里需要用到插槽 slot，至于必填判断我选择在保存时进行校验拦截

 <el-form-item prop="">
            <span slot="label">
              <span class="span-box">
                <span style="color: #ff1e2f; margin-right: 3px">*</span>
                <span>发票图片</span>
              </span>
            </span>
            <el-image
              v-if="this.form.invoiceurl != null"
              :src="this.baseurl + this.form.invoiceurl"
              lazy
              style="width: 50%; height: 50%;margin-bottom:10px"
              class="td-img"
              :preview-src-list="[this.baseurl + this.form.invoiceurl]"
            >
              <div slot="placeholder" class="image-slot">
                <

最低0.47元/天解锁文章