vue的template中el-uplaod属性使用变量的方法

发布时间 2023-08-16 18:33:09作者: lytcreate
template

 <el-form-item label="上传图片" :rules="[{ required: true, message: '必须要上传图片', trigger: 'blur' }]"
                        prop="image">
            <el-upload
                :action=webSite
                class="upload-demo"
                drag
                :limit="1"
                :before-upload="beforeUpload"
                :on-success="handleSuccess"
                :on-remove = "handleRemove"
                :show-file-list="true" >
              <i class="el-icon-upload"></i>
              <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
              <div class="el-upload__tip" slot="tip">只能上传jpg/png文件,且不超过4M</div>
            </el-upload>
          </el-form-item>

属性绑定变量时前面加:

在data中直接进行定义即可

 data() {
    return {
      dialogTableVisible: false,
      dialogFormVisible: false,
      formLabelWidth: '100px',
      form: {
        show: true,
      },
      webSite: this.$webSite + "/manage/image_upload/"
    }
  },