鍍金池/ 問答/HTML/ vuejs組件如何使用延展操作符...

vuejs組件如何使用延展操作符...

<Upload 
                    ...uploadLogoConfig
                    :on-success="uploadSuccess"
                    :before-upload="uploadLogoBefore">
                    <Button type="ghost" icon="ios-cloud-upload-outline">選擇文件</Button>
                    <span>請上傳小于10M的圖片(支持GIF、JPG、PNG等)</span>
                </Upload>
   data() {
        return {
            uploadLogoConfig:{
                name:'file',       
                accept:'image/*',
                action:`${this.$url}/uploadFile/uploadImageToQiniu`,
                headers:{
                    Authorization:`xfind ${localStorage.token}`
                },
                maxSize:1024 * 10
            },

...uploadLogoConfig這樣寫會報錯,請問正確的寫法是怎樣的?

clipboard.png

回答
編輯回答
心悲涼

Passing-the-Properties-of-an-Object

<Upload 
  v-bind="uploadLogoConfig" <!-- 使用v-bind -->
  :on-success="uploadSuccess"
  :before-upload="uploadLogoBefore">
  <Button type="ghost" icon="ios-cloud-upload-outline">選擇文件</Button>
  <span>請上傳小于10M的圖片(支持GIF、JPG、PNG等)</span>
</Upload>
2018年7月9日 08:40