Vue - Cloudinary Upload Widget : https://cloudinary.com/documentation/upload_widget

upload_cloudinary.vue

<template>
  <button id="upload_widget" class="cloudinary-button">Update Logo</button>
</template>

<script>

methoods : {
    uploadWidget() {
      let myWidget = cloudinary.createUploadWidget(
        {
          cloudName: "mercurie",
          apiKey: "XYZ",
          uploadPreset: "XYZ",
          multiple: false,
          cropping: true,
          defaultSource: "local",
          folder: "mercuriemartlogos",
          public_id: "<FILENAME>"
        },
        (error, result) => {
          if (!error && result && result.event === "success") {
             console.log("Done! Here is the image info: ", result.info);
              });
          } else {
            console.log(error);
          }
        }
      );

      document.getElementById("upload_widget").addEventListener(
        "click",
        function() {
          myWidget.open();
        },
        false
      );
    }
  },
},


mounted () {
  this.uploadWidget()
}

</script>

Couldn't get this to work.

<template>
  <button id="upload_widget" class="cloudinary-button">Update Logo</button>
</template>

<script>
export default {
       methods: {
            uploadWidget() {
                let myWidget = cloudinary.createUploadWidget(
                    {
                        cloudName: "mercurie",
                        apiKey: "XYZ",
                        uploadPreset: "XYZ",
                        multiple: false,
                        cropping: true,
                        defaultSource: "local",
                        folder: "mercuriemartlogos",
                        public_id: "<FILENAME>"
                    },
                    (error, result) => {
                        if (!error && result && result.event === "success") {
                            console.log("Done! Here is the image info: ", result.info);
                        } else {
                            console.log(error);
                        }
                    }
                );

                document.getElementById("upload_widget").addEventListener(
                    "click",
                    function() {
                    myWidget.open();
                    },
                    false
                );
            },
      },
      mounted () {
            this.uploadWidget()
        }
}
</script>

Couldn't get this to work.

<template>
  <button id="upload_widget" class="cloudinary-button">Update Logo</button>
</template>

<script>
export default {
       methods: {
            uploadWidget() {
                let myWidget = cloudinary.createUploadWidget(
                    {
                        cloudName: "mercurie",
                        apiKey: "XYZ",
                        uploadPreset: "XYZ",
                        multiple: false,
                        cropping: true,
                        defaultSource: "local",
                        folder: "mercuriemartlogos",
                        public_id: "<FILENAME>"
                    },
                    (error, result) => {
                        if (!error && result && result.event === "success") {
                            console.log("Done! Here is the image info: ", result.info);
                        } else {
                            console.log(error);
                        }
                    }
                );

                document.getElementById("upload_widget").addEventListener(
                    "click",
                    function() {
                    myWidget.open();
                    },
                    false
                );
            },
      },
      mounted () {
            this.uploadWidget()
        }
}
</script>

No problem, I'll try to fix it in. Thanks

Thanks Tim. Wonder what's wrong.