JeecgBoot之给封装的模块加属性，并且设置值

由于JeecgBoot中有一些自定义的模块中，一些原本属于a-标签的属性是没有设置的，此用法就是来为a-标签设置属性值，亲测有用

a-标签框架：https://www.antdv.com/docs/vue/introduce-cn/

以JeecgBoot中自定义组件：jUpload为例

1. Jupload中设置一个accept属性，这个属性是用来限制a-upload上传文件类型的，部分关键代码：

1.1 首先在a-upload标签中设置属性，并且给属性一个对象，注意给对象要有冒号。

<a-upload
  name="file"
  :multiple="true"
  :action="uploadAction"
  :headers="headers"
  :data="{'biz':bizPath}"
  :fileList="fileList"
  :beforeUpload="beforeUpload"
  @change="handleChange"
  :disabled="disabled"
  :returnUrl="returnUrl"
  :listType="complistType"
  :accept="accept"//我的自定义属性
  @preview="handlePreview"
  :class="{'uploadty-disabled':disabled}">

注意：本JeecgBoot自带的自定义组件的位置在：WEB/yg-vue/src/components/jeecg/JUpload.vue。此属性是a-upload有的，不是自己凭空造的。

1.2 在data()设置一个对象和上面的属性对应

data(){
     
      return {
     }
      accept:{
     //此处设置了对象，对象类型，猜测默认为false不使用，其实还有一个default:"默认值"。此处没加
        type:String,
        required:false,
        //default:""
      }
    },

2.在调用的vue中使用属性

2.1 导入并注册模块

//导入模块
import JUpload from '@/components/jeecg/JUpload'
//注册模块
export default {
     
    name: "当前模块名",
    components: {
      
      JUpload
    },
}

2.2 使用属性：accept=".docx"，表示只能选择.docx的文件

<a-form-item label="文件" :labelCol="labelCol" :wrapperCol="wrapperCol" class="x-form-item">
   <j-upload v-decorator="['file']" accept=".docx" :trigger-change="true"></j-upload>
 </a-form-item>

2.2 如果需要实时改变，可以让accept=一个对象，然后在data中return中定义一下对象，此处就直接定义accept：""就可以了。然后用this.accept="某某"来赋值

data () {
     
      return {
     
        accept：""
      }
}